/* Design tokens — atelierplan.com. Source of truth: shared/design-system/tokens.md (freigegeben). */
:root {
  --bg: #EFEEE9;
  --surface-1: #E5E3DD;
  --surface-2: #DED9CE;
  --ink: #201E1B;
  --muted: #53565A;
  --accent: #1D4A47;
  --accent-warm: #A9885E;
  --line: #9BA1A4;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.75rem;
  --space-4: 2.75rem;
  --space-5: 4.5rem;

  --font-display: "Jost", ui-sans-serif, sans-serif;
  --font-reading: "Jost", ui-sans-serif, sans-serif;
  --font-ui: "Archivo", ui-sans-serif, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --content-width: 1080px;

  /* Native controls (form fields, scrollbars) follow the active theme */
  color-scheme: light dark;
}

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

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #17181A;
    --surface-1: #1F2123;
    --surface-2: #262723;
    --ink: #EDEDE8;
    --muted: #9CA0A4;
    --accent: #4A9990;
    --accent-warm: #C9A876;
    --line: #6B7175;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #17181A;
  --surface-1: #1F2123;
  --surface-2: #262723;
  --ink: #EDEDE8;
  --muted: #9CA0A4;
  --accent: #4A9990;
  --accent-warm: #C9A876;
  --line: #6B7175;
}