/* Design tokens — one warm, restrained palette (paper + ink + garnet),
   swapped for a dark counterpart. Every other stylesheet reads these
   variables; nothing else in the codebase hardcodes a color. */

:root {
  --color-bg: #faf8f3;
  --color-bg-raised: #ffffff;
  --color-bg-sunken: #f1ede3;
  --color-ink: #1c1912;
  --color-ink-soft: #4b4536;
  --color-ink-faint: #8d8371;
  --color-border: #e4ddc9;
  --color-border-strong: #d2c7ac;

  --color-accent: #7a2331;
  --color-accent-strong: #5e1b26;
  --color-accent-soft: #f3e2e0;
  --color-accent-ink: #fffaf8;
  --color-gold: #8b6b1f;
  --color-gold-soft: #f1e6cb;
  --color-success: #2f6b45;
  --color-success-soft: #e3efe6;
  --color-danger: #a23b2e;
  --color-danger-soft: #f6e4e1;

  --font-display: 'Fraunces', 'Source Serif 4', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-devanagari: 'Noto Sans Devanagari', var(--font-body);
  --font-bengali: 'Noto Sans Bengali', var(--font-body);

  --shadow-sm: 0 1px 2px rgba(28, 25, 18, 0.07);
  --shadow-md: 0 10px 30px -14px rgba(28, 25, 18, 0.28);
  --shadow-lg: 0 30px 70px -24px rgba(28, 25, 18, 0.34);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8.75rem;

  --container-max: 1180px;
  --container-narrow: 760px;

  --ease: cubic-bezier(0.2, 0.65, 0.2, 1);
  --duration-fast: 150ms;
  --duration: 260ms;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --color-bg: #14120e;
    --color-bg-raised: #1b1814;
    --color-bg-sunken: #0e0d0a;
    --color-ink: #efe9dc;
    --color-ink-soft: #bcb4a0;
    --color-ink-faint: #837c6c;
    --color-border: #2b261e;
    --color-border-strong: #3b3428;

    --color-accent: #e0796b;
    --color-accent-strong: #ee8f82;
    --color-accent-soft: rgba(224, 121, 107, 0.16);
    --color-accent-ink: #1b100d;
    --color-gold: #d3ae55;
    --color-gold-soft: rgba(211, 174, 85, 0.14);
    --color-success: #6cbb8b;
    --color-success-soft: rgba(108, 187, 139, 0.14);
    --color-danger: #e28277;
    --color-danger-soft: rgba(226, 130, 119, 0.14);

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 10px 30px -14px rgba(0, 0, 0, 0.6);
    --shadow-lg: 0 30px 70px -24px rgba(0, 0, 0, 0.7);
  }
}

:root[data-theme='dark'] {
  --color-bg: #14120e;
  --color-bg-raised: #1b1814;
  --color-bg-sunken: #0e0d0a;
  --color-ink: #efe9dc;
  --color-ink-soft: #bcb4a0;
  --color-ink-faint: #837c6c;
  --color-border: #2b261e;
  --color-border-strong: #3b3428;

  --color-accent: #e0796b;
  --color-accent-strong: #ee8f82;
  --color-accent-soft: rgba(224, 121, 107, 0.16);
  --color-accent-ink: #1b100d;
  --color-gold: #d3ae55;
  --color-gold-soft: rgba(211, 174, 85, 0.14);
  --color-success: #6cbb8b;
  --color-success-soft: rgba(108, 187, 139, 0.14);
  --color-danger: #e28277;
  --color-danger-soft: rgba(226, 130, 119, 0.14);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 10px 30px -14px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 30px 70px -24px rgba(0, 0, 0, 0.7);
}