/* Shared design tokens. Semantic colors are the only theme-dependent values.
   Public and future member pages consume these same roles and scales. */
:root {
  color-scheme: light;
  --paper: #f5f1e8;
  --surface: #fffaf1;
  --ink: #262920;
  --muted: #626357;
  --accent: #b84426;
  --accent-soft: #edddcc;
  --line: #d2cdbf;
  --forest: #263e33;
  --on-forest: #f2f0e4;
  --forest-muted: #c4cebc;
  --recipe-paper: #fffcf3;
  --recipe-ink: #2d3228;
  --shadow: #46361a16;
  --serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --text-xs: 0.72rem;
  --text-sm: 0.875rem;
  --text-body: 1rem;
  --text-lg: 1.2rem;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 7rem;
  --radius: 1rem;
  --page-width: 1280px;
  --gutter: clamp(1.25rem, 4.5vw, 5rem);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #1f2621;
    --surface: #29322b;
    --ink: #f0edde;
    --muted: #b9bcae;
    --accent: #efa27d;
    --accent-soft: #3c3f30;
    --line: #495247;
    --forest: #17251e;
    --shadow: #00000035;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #1f2621;
  --surface: #29322b;
  --ink: #f0edde;
  --muted: #b9bcae;
  --accent: #efa27d;
  --accent-soft: #3c3f30;
  --line: #495247;
  --forest: #17251e;
  --shadow: #00000035;
}