/* Design tokens — TAAL APP v2 */

:root,
[data-theme="dark"] {
  --bg:           oklch(14% 0.01 250);
  --bg-elev:      oklch(20% 0.015 250);
  --bg-elev-2:    oklch(26% 0.02 250);
  --text:         oklch(96% 0.01 90);
  --text-muted:   oklch(70% 0.02 90);
  --text-dim:     oklch(48% 0.02 90);
  --border:       oklch(28% 0.015 250);
  --border-strong: oklch(36% 0.02 250);

  --accent:       oklch(75% 0.18 60);
  --accent-soft:  oklch(75% 0.18 60 / 0.18);
  --accent-deep:  oklch(58% 0.18 60);
  --on-accent:    oklch(15% 0.02 60);

  --success:      oklch(72% 0.16 150);
  --success-soft: oklch(72% 0.16 150 / 0.18);
  --warning:      oklch(78% 0.16 80);
  --warning-soft: oklch(78% 0.16 80 / 0.18);
  --danger:       oklch(64% 0.22 25);
  --danger-soft:  oklch(64% 0.22 25 / 0.18);

  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.30);
  --shadow:    0 4px 16px rgb(0 0 0 / 0.40);
  --shadow-lg: 0 12px 36px rgb(0 0 0 / 0.50);
}

[data-theme="light"] {
  --bg:           oklch(97% 0.01 80);
  --bg-elev:      oklch(99% 0.005 80);
  --bg-elev-2:    oklch(94% 0.012 80);
  --text:         oklch(20% 0.02 250);
  --text-muted:   oklch(40% 0.02 250);
  --text-dim:     oklch(58% 0.015 250);
  --border:       oklch(88% 0.01 250);
  --border-strong: oklch(78% 0.01 250);

  --accent:       oklch(45% 0.12 200);
  --accent-soft:  oklch(45% 0.12 200 / 0.13);
  --accent-deep:  oklch(35% 0.12 200);
  --on-accent:    oklch(99% 0.01 80);

  --success:      oklch(48% 0.14 150);
  --success-soft: oklch(48% 0.14 150 / 0.14);
  --warning:      oklch(55% 0.16 65);
  --warning-soft: oklch(55% 0.16 65 / 0.14);
  --danger:       oklch(50% 0.20 25);
  --danger-soft:  oklch(50% 0.20 25 / 0.14);

  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.06);
  --shadow:    0 4px 16px rgb(0 0 0 / 0.08);
  --shadow-lg: 0 12px 36px rgb(0 0 0 / 0.10);
}

:root {
  --font-display: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-body:    -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono:    ui-monospace, "SF Mono", "Cascadia Mono", "Consolas", monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.375rem;
  --text-2xl:  1.75rem;
  --text-3xl:  2.5rem;
  --text-hero: clamp(2.25rem, 1rem + 5.5vw, 5rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;
  --space-12: 5rem;
  --space-section: clamp(2.5rem, 2rem + 4vw, 5rem);

  --radius-sm: 0.375rem;
  --radius:    0.625rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-pill: 999px;

  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:    150ms;
  --dur:         300ms;
  --dur-slow:    600ms;

  --content-w: 720px;
  --content-w-wide: 1080px;
  --pad-page: clamp(1rem, 2vw + 0.5rem, 2.5rem);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 1ms;
    --dur:      1ms;
    --dur-slow: 1ms;
  }
  *, *::before, *::after { animation-duration: 1ms !important; transition-duration: 1ms !important; }
}