/* Sunny — the look David chose on 2026-09-17 (DECISIONS "The new look is 'Sunny'…").
   Values copied from column C of "Exact values to copy" in
   findings/2026-09-17-design-system-options.md. Only named tokens here; site.css uses nothing else.
   Contrast pairs are checked by test/site.test.mjs and measured in Chrome by tools/measure.mjs. */

@font-face { font-family: "Figtree"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/figtree-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Figtree"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/figtree-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Figtree"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/figtree-latin-700-normal.woff2") format("woff2"); }

:root {
  /* Type */
  --font: "Figtree", system-ui, sans-serif;
  /* Type scale, revision 4 (visual benchmark rev 3b, change 1) */
  --fs-body: 18px;
  --lh-body: 1.6;
  --measure: 62ch;
  --h1: 700 64px/1.05 var(--font);
  --h1-track: -0.02em;
  --h1-max: 620px;
  --h1-phone: 40px;
  --h2: 700 40px/1.15 var(--font);
  --h2-phone: 28px;
  --h3: 600 18px/1.35 var(--font);
  --fs-lead: 20px;
  --fs-ui: 16px;
  --fs-card: 15px;
  --fs-small: 14px;
  --fs-label: 12px;
  --label-track: 0.08em;

  /* Colour */
  --page: #ffffff;
  --ink: #2d2c2b;
  --muted: #5a5754;
  --line: #e8e2dc;
  --card: #f9f4f2;
  --card-edge: #f1e9e4;
  --card-lift: #eee4de;
  --focus: #0061ef;
  --primary: #0061ef;
  --primary-ink: #ffffff;
  --sec-bg: #ffffff;
  --sec-line: #c6c1b9;
  --quiet-ink: #2d2c2b;
  --link: #0052cc;
  --paper: #ffffff;
  --paper-edge: #efe7e2;
  /* Product window (visual benchmark rev 3b, change 2) */
  --window-edge: #ece3de;
  --window-shadow: 0 24px 48px -12px rgba(40, 26, 16, 0.18);
  --glow: #fbede6;

  /* Status: colour is always paired with a word */
  --attn-bg: #ffce00;   --attn-ink: #2d2c2b;   /* needs you / to check */
  --ok-bg: #dff3e7;     --ok-ink: #02733a;     /* done */
  --info-bg: #e5eefd;   --info-ink: #0052cc;   /* Daymaker working, on the calendar */
  --neutral-bg: #efe9e4; --neutral-ink: #44423f; /* waiting, planned */

  /* Shape */
  --r-card: 32px;
  --r-window: 24px;
  --r-item: 20px;
  --r-paper: 20px;
  --r-pill: 999px;
  --btn-h: 44px;
  --top-h: 68px;
  --badge-h: 26px;
  --focus-ring: 2px solid var(--focus);
  --focus-offset: 2px;

  /* Spacing */
  --lane-gap: 40px;   /* site.js GAP */
  --lane-edge: 32px;  /* site.js EDGE */
  --room-pad: 96px;
  --room-pad-phone: 64px;
  --gap-section: 40px;
  --gap-inside: 10px;
  --gap-card: 14px;
  --pad-card: 24px;
  --pad-card-phone: 18px;
  --gutter: 40px;
  --gutter-phone: 16px;
  --page-max: 1120px;
  --text-max: 62ch;
}