:root {
  --surface-0: #f4f3ee;
  --surface-1: #faf9f5;
  --surface-2: #ffffff;
  --text-primary: #1a1a19;
  --text-secondary: #52514e;
  --text-muted: #8b8a83;
  --border: rgba(11, 11, 11, 0.10);
  --border-strong: rgba(11, 11, 11, 0.17);
  --text-accent: #185fa5;
  --bg-accent: #e6f1fb;
  --border-accent: #85b7eb;
  --text-danger: #a32d2d;
  --bg-danger: #fcebeb;
  --text-warning: #854f0b;
  --bg-warning: #faeeda;
  --text-success: #3b6d11;
  --radius: 8px;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --status-good: #0ca30c;
  --status-warn: #fab219;
  --status-crit: #d03b3b;
  --series-blue: #2a78d6;
  --series-teal: #1baf7a;
  --series-violet: #4a3aa7;
}

@media (prefers-color-scheme: dark) {
  :root {
    --surface-0: #161615;
    --surface-1: #1f1f1e;
    --surface-2: #262625;
    --text-primary: #f5f5f0;
    --text-secondary: #c3c2b7;
    --text-muted: #8b8a83;
    --border: rgba(255, 255, 255, 0.11);
    --border-strong: rgba(255, 255, 255, 0.18);
    --text-accent: #85b7eb;
    --bg-accent: #11314f;
    --border-accent: #185fa5;
    --text-danger: #f09595;
    --bg-danger: #3a1414;
    --text-warning: #f0c075;
    --bg-warning: #3a2a0c;
    --text-success: #97c459;
  }
}