/* Design values, declared once. Light is the default; dark follows the OS or the toggle. */
:root {
  --pl-bg: #f6f7f9;
  --pl-surface: #ffffff;
  --pl-ink: #16191d;
  --pl-muted: #5f6873;
  --pl-line: #dfe3e8;
  --pl-accent: #2459d6;
  --pl-good: #157347;
  --pl-bad: #c0352b;
  --pl-warn: #a86400;
  --pl-radius: 8px;
  --pl-gap: 16px;
  --pl-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --pl-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --pl-bg: #0f1216;
    --pl-surface: #171b21;
    --pl-ink: #e7eaee;
    --pl-muted: #9aa4af;
    --pl-line: #2a3038;
    --pl-accent: #6d98ff;
    --pl-good: #45c17f;
    --pl-bad: #ff6b5e;
    --pl-warn: #f0a83c;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --pl-bg: #0f1216;
  --pl-surface: #171b21;
  --pl-ink: #e7eaee;
  --pl-muted: #9aa4af;
  --pl-line: #2a3038;
  --pl-accent: #6d98ff;
  --pl-good: #45c17f;
  --pl-bad: #ff6b5e;
  --pl-warn: #f0a83c;
  color-scheme: dark;
}