/* Calm skin for the live demo tools (dashboard, alertness, pulse, pulse overlay).
   Only colours, type, spacing and chrome. No logic depends on this file. */
@import url('/fonts/css/archivo-hanken.css');

:root {
  --omv-ink: #07090d;
  --omv-panel: #101419;
  --omv-panel-2: #151b22;
  --omv-line: rgba(255, 255, 255, 0.1);
  --omv-text: #e9edf1;
  --omv-text-2: rgba(233, 237, 241, 0.66);
  --omv-text-3: rgba(233, 237, 241, 0.45);
  --omv-accent: #e9edf1;
  --omv-accent-2: #e9edf1;
  --omv-ok: #3a9d6e;
  --omv-warn: #c9a227;
  --omv-bad: #c24141;
  --omv-head: "Archivo", "Arial Narrow", Arial, sans-serif;
  --omv-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* demo top bar: metal logo, page name, Home and Back */
.omv-bar { display: flex; align-items: center; gap: 18px; min-width: 0; }
.omv-bar a.omv-logo { display: block; line-height: 0; flex: 0 0 auto; }
.omv-bar a.omv-logo img { display: block; width: 150px; height: auto; }
.omv-bar .omv-name { font-family: var(--omv-head); font-size: 12px; font-weight: 600; letter-spacing: 2.4px; text-transform: uppercase; color: var(--omv-text); white-space: nowrap; }
.omv-nav { display: flex; gap: 8px; align-items: center; }
.omv-nav a { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border: 1px solid var(--omv-line); border-radius: 0; color: var(--omv-text); background: transparent; font-family: var(--omv-head); font-size: 11px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase; text-decoration: none; white-space: nowrap; }
.omv-nav a:hover, .omv-nav a:focus-visible { border-color: var(--omv-accent-2); color: var(--omv-accent-2); }
.omv-nav svg { width: 10px; height: 10px; }
@media (max-width: 600px) { .omv-bar a.omv-logo img { width: 110px; } .omv-bar .omv-name { display: none; } .omv-nav a { padding: 6px 9px; letter-spacing: 1.2px; } }