/* Design tokens from the lp/mathiasen logo. Light (cream) is the default; dark (navy) follows the OS setting. */
:root {
  color-scheme: light dark;
  --bg: #f4f1ea;
  --fg: #0f1b2d;
  --muted: #414b5b;
  --accent: #e8a33d;
  --on-accent: #0f1b2d;
  --line: #d9dce2;
  --field: #fbfaf6;
  --font-serif: "Newsreader", Georgia, "Times New Roman", serif;
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --measure: 68ch;
  --wrap: 1120px;
  --radius: 6px;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --step--1: 0.875rem;
  --step-0: 1.0625rem;
  --step-1: 1.25rem;
  --step-2: 1.6rem;
  --step-3: 2.1rem;
  --step-4: 2.75rem;
}

/* data-theme on <html> overrides the OS setting: the admin app's preview switch (?theme=light|dark). */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f1b2d;
    --fg: #f4f1ea;
    --muted: #c3cad4;
    --line: #2c3b52;
    --field: #16243a;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0f1b2d;
  --fg: #f4f1ea;
  --muted: #c3cad4;
  --line: #2c3b52;
  --field: #16243a;
}

:root[data-theme="light"] {
  color-scheme: light;
}