/* IPVitals brand variables. Generated by tools/icons/make_icons.py - do not edit by hand.
 * Vital green + deep sea-navy. Text roles (fg, muted, accent, ok, warn, leak, info,
 * focus) reach WCAG AA 4.5:1 on --iv-bg and --iv-surface; accent/ok/warn/leak/info
 * also 4.5:1 under --iv-accent-fg text (use them as button fills). --iv-focus is the
 * :focus-visible outline (>= 3:1). */
:root {
  --iv-bg: #f2f7f5;
  --iv-surface: #ffffff;
  --iv-fg: #0b2530;
  --iv-muted: #4a6572;
  --iv-border: #d2ded9;
  --iv-accent: #0a7a5a;
  --iv-accent-fg: #ffffff;
  --iv-ok: #0d7a46;
  --iv-warn: #8f5a00;
  --iv-leak: #b42318;
  --iv-info: #175cd3;
  --iv-focus: #0a7a5a;
  --iv-radius: 12px;
  --iv-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --iv-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", "DejaVu Sans Mono", monospace;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --iv-bg: #071a21;
    --iv-surface: #0f2530;
    --iv-fg: #e6f2ee;
    --iv-muted: #9bb3ac;
    --iv-border: #21414d;
    --iv-accent: #3fe0a0;
    --iv-accent-fg: #04201a;
    --iv-ok: #4ade9b;
    --iv-warn: #f2c36b;
    --iv-leak: #ff8a80;
    --iv-info: #7cc2ff;
    --iv-focus: #3fe0a0;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --iv-bg: #071a21;
  --iv-surface: #0f2530;
  --iv-fg: #e6f2ee;
  --iv-muted: #9bb3ac;
  --iv-border: #21414d;
  --iv-accent: #3fe0a0;
  --iv-accent-fg: #04201a;
  --iv-ok: #4ade9b;
  --iv-warn: #f2c36b;
  --iv-leak: #ff8a80;
  --iv-info: #7cc2ff;
  --iv-focus: #3fe0a0;
  color-scheme: dark;
}

:root[data-theme="light"] {
  --iv-bg: #f2f7f5;
  --iv-surface: #ffffff;
  --iv-fg: #0b2530;
  --iv-muted: #4a6572;
  --iv-border: #d2ded9;
  --iv-accent: #0a7a5a;
  --iv-accent-fg: #ffffff;
  --iv-ok: #0d7a46;
  --iv-warn: #8f5a00;
  --iv-leak: #b42318;
  --iv-info: #175cd3;
  --iv-focus: #0a7a5a;
  color-scheme: light;
}