/* ============================================================
   ohdeer.wtf — Design Tokens
   Light = default · Dark via [data-theme="dark"] + prefers-color-scheme
   ============================================================ */

:root {
  /* — Neutrals (light) — */
  --bg:        oklch(98% 0.003 90);
  --surface:   oklch(100% 0 0);
  --fg:        oklch(22% 0.015 75);
  --muted:     oklch(50% 0.010 75);
  --border:    oklch(91% 0.004 90);
  --danger:    oklch(55% 0.18 25);
  --warn:      oklch(65% 0.15 80);
  --success:   oklch(55% 0.14 150);

  /* — Master accent (Olive-Charcoal) — */
  --accent:        oklch(24% 0.015 100);
  --accent-light:  oklch(94% 0.010 95);
  --accent-ink:    oklch(98% 0.003 90);  /* text on accent */

  /* — Tool sub-accents (set locally via [data-tool]) — */
  --moss:        oklch(45% 0.11 155);  --moss-light:  oklch(94% 0.04 155);
  --rust:        oklch(50% 0.13 45);   --rust-light:  oklch(95% 0.03 45);
  --gold:        oklch(72% 0.13 75);   --gold-light:  oklch(95% 0.04 75);

  /* — Earth palette (atmosphere only, never CTA) — */
  --bone:   #fcf9f3;
  --sand:   #eccdaa;
  --camel:  #dbd0bc;
  --bronze: #bf966d;
  --tabac:  #a7723f;
  --mocha:  #6c4c2b;
  --coffee: #463018;
  --ink:    #373626;
  --shadow: #322a1f;

  /* — Typography — */
  --font-display: 'Source Serif 4', 'Charter', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --font-body: -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'SFMono-Regular', Menlo, 'Cascadia Mono', Consolas, monospace;

  /* — Spacing scale — */
  --xs: 8px; --sm: 12px; --md: 20px; --lg: 32px;
  --xl: 48px; --2xl: 72px; --3xl: 100px; --4xl: 144px;

  /* — Radius — */
  --r-sm: 6px; --r: 10px; --r-lg: 12px; --r-xl: 16px;

  /* — Containers — */
  --c-narrow: 640px; --c: 720px; --c-wide: 960px; --c-max: 1280px;

  /* — Elevation (modals/overlays only) — */
  --shadow-pop: 0 1px 2px oklch(20% 0.02 75 / .08), 0 12px 32px -8px oklch(20% 0.02 75 / .22);

  --tool-accent: var(--accent);
  --tool-accent-light: var(--accent-light);
  --tool-accent-ink: var(--accent-ink);
}

[data-theme="dark"] {
  --bg:        oklch(16% 0.010 75);
  --surface:   oklch(22% 0.010 75);
  --fg:        oklch(93% 0.006 90);
  --muted:     oklch(58% 0.010 75);
  --border:    oklch(28% 0.008 75);
  --danger:    oklch(65% 0.18 25);
  --warn:      oklch(72% 0.14 80);
  --success:   oklch(65% 0.14 150);

  --accent:        oklch(85% 0.012 95);
  --accent-light:  oklch(28% 0.020 95);
  --accent-ink:    oklch(16% 0.010 75);

  --moss:  oklch(62% 0.13 155);  --moss-light:  oklch(25% 0.04 155);
  --rust:  oklch(65% 0.14 45);   --rust-light:  oklch(27% 0.04 45);
  --gold:  oklch(78% 0.12 75);   --gold-light:  oklch(28% 0.04 75);

  --shadow-pop: 0 1px 2px oklch(0% 0 0 / .4), 0 16px 40px -10px oklch(0% 0 0 / .6);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:        oklch(16% 0.010 75);
    --surface:   oklch(22% 0.010 75);
    --fg:        oklch(93% 0.006 90);
    --muted:     oklch(58% 0.010 75);
    --border:    oklch(28% 0.008 75);
    --danger:    oklch(65% 0.18 25);
    --warn:      oklch(72% 0.14 80);
    --success:   oklch(65% 0.14 150);
    --accent:        oklch(85% 0.012 95);
    --accent-light:  oklch(28% 0.020 95);
    --accent-ink:    oklch(16% 0.010 75);
    --moss:  oklch(62% 0.13 155);  --moss-light:  oklch(25% 0.04 155);
    --rust:  oklch(65% 0.14 45);   --rust-light:  oklch(27% 0.04 45);
    --gold:  oklch(78% 0.12 75);   --gold-light:  oklch(28% 0.04 75);
    --shadow-pop: 0 1px 2px oklch(0% 0 0 / .4), 0 16px 40px -10px oklch(0% 0 0 / .6);
  }
}

/* Tool-scoped accent swap — apply [data-tool="..."] on any wrapper */
[data-tool="jagdwissen"]   { --tool-accent: var(--moss);  --tool-accent-light: var(--moss-light);  --tool-accent-ink: oklch(99% 0.01 155); }
[data-tool="jagdeinladung"]{ --tool-accent: var(--rust);  --tool-accent-light: var(--rust-light);  --tool-accent-ink: oklch(99% 0.01 45); }
[data-tool="wildzaehlung"] { --tool-accent: var(--gold);  --tool-accent-light: var(--gold-light);  --tool-accent-ink: oklch(18% 0.04 75); }
[data-theme="dark"] [data-tool] { --tool-accent-ink: oklch(16% 0.010 75); }