/* Generated from app/theme.py. Change colours there, not here. */
:root {
  color-scheme: light;
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --color-bg: #f6f9f9;
  --color-surface: #ffffff;
  --color-border: #dce6e6;
  --color-text: #12262b;
  --color-text-muted: #566d72;
  --color-accent: #0f6e68;
  --color-good: #167a52;
  --color-bad: #a33a2a;
  --color-warning: #9a5b12;
  --color-on-accent: var(--color-bg);
  --chip-green-bg: #1f7f51;
  --chip-green-text: #f2f7f4;
  --chip-red-bg: #a83c28;
  --chip-red-text: #fdeeea;
  --chip-amber-bg: #b9891f;
  --chip-amber-text: #1d1405;
  --chip-orange-bg: #cf6a3c;
  --chip-orange-text: #2b1207;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #0d1618;
  --color-surface: #141f22;
  --color-border: #253538;
  --color-text: #e2ecec;
  --color-text-muted: #9aacb0;
  --color-accent: #5bc4b8;
  --color-good: #5fbf94;
  --color-bad: #e08573;
  --color-warning: #d9a05b;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-bg: #0d1618;
    --color-surface: #141f22;
    --color-border: #253538;
    --color-text: #e2ecec;
    --color-text-muted: #9aacb0;
    --color-accent: #5bc4b8;
    --color-good: #5fbf94;
    --color-bad: #e08573;
    --color-warning: #d9a05b;
  }
}