/* SwishWork crew site: shared tokens (from specs/brand.yaml). Every page imports this first.
   Pages may add page-local tokens; never edit this file from a page build. */
@import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700;800&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&display=swap");

:root {
  /* canvas + ink */
  --sw-bg: #FAFAF7;
  --sw-surface: #FFFFFF;
  --sw-surface-hover: #F5F4EE;
  --sw-ink: #0A0A0A;
  --sw-ink-muted: #6B6B6B;
  --sw-ink-quiet: #71716C;
  --sw-border: #EAEAE5;
  --sw-border-strong: #D6D6CF;
  --sw-masthead: #2D384C; /* the only dark ground brand.yaml allows */

  /* the one accent: coral, <=10% of pixels, primary buttons */
  --sw-coral: #E75B4D;
  --sw-coral-hover: #D4483B;

  /* persona grounds (earth tones: wash / board / ink) */
  --wren-wash: #EFEDE8;  --wren-board: #D9D4CB;  --wren-ink: #7A3F27;   /* copper ink only; her grounds are neutral (no peach fills, Kris 2026-09-25) */
  --sophie-wash: #EEF1E8; --sophie-board: #BFC9AB; --sophie-ink: #4A5A3C; /* sage, her sweater */
  --sloane-wash: #ECE8DF; --sloane-board: #CDC3AE; --sloane-ink: #364155; /* slate, her turtleneck */

  --sw-font-sans: "Urbanist", system-ui, sans-serif;
  --sw-font-serif: "Newsreader", Georgia, serif;

  /* scrollcraft engine tokens default to the brand; pages override per persona */
  --sc-canvas: var(--sw-bg);
  --sc-surface: var(--sw-surface);
  --sc-ink: var(--sw-ink);
  --sc-ink-soft: var(--sw-ink-muted);
  --sc-accent: var(--sw-coral);
  --sc-accent-ink: #FFFFFF;
  --sc-font-display: var(--sw-font-sans);
  --sc-font-text: var(--sw-font-sans);
}

/* ---------------------------------------------------------------- night --
   2026-09-24 (Kris): the crew site follows the visitor's device into dark mode
   (black ground, white type, coral), and the crew bar's switch can pin either
   theme. shared/theme-boot.js sets html[data-theme] before first paint.
   Every page colour must come from these tokens so night mode reaches it. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --sw-bg: #0C0B0A;
  --sw-surface: #161412;
  --sw-surface-hover: #1F1C19;
  --sw-ink: #F5F2ED;
  --sw-ink-muted: #ADA79E;
  --sw-ink-quiet: #928C83;
  --sw-border: #26231F;
  --sw-border-strong: #37332E;
  --sw-masthead: #151311; /* night has one ground family: black, lifted a step for bands */

  --sw-coral: #F2685A;
  --sw-coral-hover: #FF7B6D;

  /* brand ruling 2026-09-24: at night every ground is black; persona colour lives only in ink (marks, checks, rules, accents) */
  --wren-wash: #0C0B0A;  --wren-board: #24201C;  --wren-ink: #EAA57E;
  --sophie-wash: #0C0B0A; --sophie-board: #24201C; --sophie-ink: #B8C99C;
  --sloane-wash: #0C0B0A; --sloane-board: #24201C; --sloane-ink: #A8B6CE;

  --sc-accent-ink: #0C0B0A;
}