/* Light/dark tokens. Auto only via prefers-color-scheme — no toggle. */
:root {
  color-scheme: light dark;
  --ink: #1a211c;
  --muted: #4a564e;
  --line: #d8e0d6;
  --paper: #f7f5ef;
  --paper-alt: #efece3;
  --card: #ffffff;
  --green: #1f6b45;
  --green-deep: #154a30;
  --sand: #e8dfc8;
  --sun: #e6a23c;
  --focus: #2a7a52;
  --link: #154a30;
  --header-bg: rgba(247, 245, 239, 0.88);
  --tag-bg: #e4f1e9;
  --input-bg: #ffffff;
  --card-elev: none;
  --featured-ring: rgba(31, 107, 69, 0.12);
  --logo-filter: none;
  --cta-on-green-hover: #e8dfc8;
  --radius: 14px;
  --max: 1080px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ink: #e4ebe5;
    --muted: #a8b8ae;
    --line: #2c3d34;
    --paper: #0e1612;
    --paper-alt: #131c17;
    --card: #18231d;
    --sand: #3a3424;
    --focus: #5dba88;
    --link: #8ecfa8;
    --header-bg: rgba(14, 22, 18, 0.88);
    --tag-bg: #1c3328;
    --input-bg: #121c17;
    --card-elev: 0 10px 28px rgba(0, 0, 0, 0.28);
    --featured-ring: rgba(31, 107, 69, 0.38);
    --logo-filter: invert(1) hue-rotate(180deg) saturate(0.7) brightness(1.12);
  }
}