/* BeargrassAlmanac. Morning and Lamplight match the final gallery and archived page templates. */

:root[data-mode="morning"] {
  --paper: #f4ebd7;
  --paper-elev: #efe4ca;
  --paper-tint: #ecdfc3;
  --ink: #231f1a;
  --ink-sec: #4d453c;
  --ink-ter: #776e62;
  --indigo: #2b4563;
  --barn: #a64b3b;
  --olive: #859160;
  --warm: #b88a3a;
  --rule: rgba(35, 31, 26, 0.14);
  --focus: #2b4563;
  color-scheme: light;
}

:root[data-mode="lamplight"] {
  --paper: #1a1d23;
  --paper-elev: #222730;
  --paper-tint: #2a3038;
  --ink: #e6e0d1;
  --ink-sec: #bfb9ad;
  --ink-ter: #8e887d;
  --indigo: #6e8aaf;
  --barn: #d07968;
  --olive: #b7c090;
  --warm: #b88a3a;
  --rule: rgba(230, 224, 209, 0.14);
  --focus: #e3ba6f;
  color-scheme: dark;
}

:root {
  --sheen-duration: 8s;
  --type-display: "Fraunces", "Georgia", serif;
  --type-body: "Libre Caslon Text", "Georgia", serif;
  --type-ui: "Public Sans", system-ui, sans-serif;
  --serif: "Libre Caslon Text", Georgia, serif;
  --display: "Libre Caslon Display", "Libre Caslon Text", Georgia, serif;
  --fraunces: "Fraunces", Georgia, serif;
  --ui: "Public Sans", system-ui, sans-serif;

  /* Single grid for the whole site.
     Use --w-read for any block of body prose (article head, body, intro,
     deck, location, bio, footer wordmark, simple markdown wrap).
     Use --w-wide for multi-region pages (index hero, TOC, lead callout,
     issue-foot, colophon two-column grid).
     Use --w-plate only for photo-essay full-bleed plates.
     --w-chrome is the top bar; it can be wider than --w-wide so the nav
     and the mode toggle never collide. */
  --w-read: 720px;
  --w-wide: 960px;
  --w-plate: 1200px;
  --w-chrome: 1240px;
  --pad-x: clamp(1rem, 4vw, 2rem);

  color-scheme: light;
}