/* Design-Tokens: Graustufen + eine Akzentfarbe. Komponenten verwenden ausschließlich diese Variablen. */
:root {
  --c-bg: #E4E4E2;
  --c-surface: #EDEDEB;
  --c-surface-2: #F6F6F4;
  --c-line: #C4C4C0;
  --c-text: #111111;
  --c-text-2: #6E6E6B;
  --c-ink: #111111;
  --c-on-ink: #F6F6F4;
  --c-stone-b: #111111;
  --c-stone-b-edge: #111111;
  --c-stone-w: #FAFAFA;
  --c-stone-w-edge: #8A8A86;
  --c-accent: #D23A2E;

  --f-display: "Departure Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --f-label: "Departure Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --f-text: "Instrument Sans", "Helvetica Neue", system-ui, sans-serif;
  --display-weight: 400;

  --s-1: 4px; --s-2: 8px; --s-3: 16px; --s-4: 24px; --s-5: 32px; --s-6: 48px;
  --radius: 2px;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-bg: #0E0E0E; --c-surface: #161616; --c-surface-2: #1F1F1F; --c-line: #2E2E2E;
    --c-text: #EDEDED; --c-text-2: #8A8A8A; --c-ink: #EDEDED; --c-on-ink: #0E0E0E;
    --c-stone-b: #050505; --c-stone-b-edge: #7A7A7A; --c-stone-w: #E6E6E6; --c-stone-w-edge: #E6E6E6;
    --c-accent: #E5554A;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --c-bg: #0E0E0E; --c-surface: #161616; --c-surface-2: #1F1F1F; --c-line: #2E2E2E;
  --c-text: #EDEDED; --c-text-2: #8A8A8A; --c-ink: #EDEDED; --c-on-ink: #0E0E0E;
  --c-stone-b: #050505; --c-stone-b-edge: #7A7A7A; --c-stone-w: #E6E6E6; --c-stone-w-edge: #E6E6E6;
  --c-accent: #E5554A;
  color-scheme: dark;
}