/* tokens.css — color, type, spacing. Mirrors eudaimonize's warm-paper palette. */
:root {
  --color-bg:      #f8f5ef;
  --color-ink:     #1a1611;
  --color-muted:   #5a5248;
  --color-rule:    #d8cfbf;
  --color-subtle:  #efeae0;
  --color-accent:  #8b2a25;
  --color-accent-map: #2f6b3a;
  --color-water:        #c9d6df;
  --color-water-stroke: #b0bec7;

  --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-sans:  "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono:  "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --type-base: 19px;
  --line-body: 1.55;
  --line-tight: 1.2;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;

  --radius: 4px;
  --duration-hover: 180ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="dark"] {
  --color-bg:      #241f17;
  --color-ink:     #ede8df;
  --color-muted:   #a89e8c;
  --color-rule:    #3a342a;
  --color-subtle:  #2e261c;
  --color-accent:  #c47673;
  --color-accent-map: #7fb392;
  --color-water:        #20303b;
  --color-water-stroke: #2c3e4a;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}