:root {
  color-scheme: light;
  --surface: #ffffff;
  --plane: #f2f5f9;
  --ink: #0f1419;
  --ink-2: #4b545e;
  --muted: #737e8a;
  --grid: #e5eaf0;
  --axis: #c2cbd5;
  --border: rgba(15,20,25,0.11);
  --band: rgba(42,120,214,0.08);
  --gap: rgba(115,126,138,0.10);
  --success-text: #006300;
  --series-1: #2a78d6;
  --series-2: #eb6834;
  --series-3: #1baf7a;
  --series-4: #eda100;
  --status-good: #0ca30c;
  --status-warning: #fab219;
  --status-serious: #ec835a;
  --status-critical: #d03b3b;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
  --surface: #2c313a;
  --plane: #22262d;
  --ink: #f4f7fa;
  --ink-2: #bcc6d1;
  --muted: #8d99a6;
  --grid: #363c46;
  --axis: #4c5462;
  --border: rgba(255,255,255,0.13);
  --band: rgba(57,135,229,0.18);
  --gap: rgba(141,153,166,0.14);
  --success-text: #35c759;
  --series-1: #3987e5;
  --series-2: #d95926;
  --series-3: #199e70;
  --series-4: #c98500;
  --status-good: #0ca30c;
  --status-warning: #fab219;
  --status-serious: #ec835a;
  --status-critical: #d03b3b;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --surface: #2c313a;
  --plane: #22262d;
  --ink: #f4f7fa;
  --ink-2: #bcc6d1;
  --muted: #8d99a6;
  --grid: #363c46;
  --axis: #4c5462;
  --border: rgba(255,255,255,0.13);
  --band: rgba(57,135,229,0.18);
  --gap: rgba(141,153,166,0.14);
  --success-text: #35c759;
  --series-1: #3987e5;
  --series-2: #d95926;
  --series-3: #199e70;
  --series-4: #c98500;
  --status-good: #0ca30c;
  --status-warning: #fab219;
  --status-serious: #ec835a;
  --status-critical: #d03b3b;
}