/* GENERATED by docs/build-site.mjs — do not edit. Regenerate: node docs/build-site.mjs (source: collateral/brand/tokens.css) */
/* ── Pressroom starter tokens (pressroom neutral skin) ────────────────────────
   The neutral skin the shared collateral engine wears before a brand moves
   in — extract.mjs recognizes this file by the "pressroom neutral skin"
   marker above and will replace it without --force. This is the ONLY file a rebrand touches (plus ./assets and ./fonts) —
   nothing in shared/ ever changes per brand. The palette is the same warm
   editorial neutral used by site2deck's starter deck, so the two projects
   read as siblings.

   Every component in shared/collateral.css pulls exclusively from these
   variables. A missing variable breaks a component SILENTLY (transparent
   chip dot, invisible accent) — this file defines the full contract; after
   any skin change, walk the starter board and click every poster to 100%.

   FONTS: the starter ships zero font binaries — system stacks only, so the
   repo stays text-only and posters open from file:// with no network. A real
   brand skin adds @font-face blocks at the top of this file for self-hosted
   woff2/otf files in ./fonts/ (weights 400-800; extract.mjs scaffolds the
   blocks when it samples a website), then points --font-display/--font-body/
   --font-mono at the real faces. --font-mono is a LABEL face (tracked
   uppercase kickers, chips, captions), not code — if the brand has no
   monospace, map it to the brand sans; tracked-uppercase labels read fine
   in a humanist face. */

:root {
  /* Surfaces + ink — warm paper and near-black, quiet enough for any brand */
  --color-background: #FFFFFF;                  /* poster paper */
  --color-surface: #F7F5F0;                     /* warm paper — card faces */
  --color-border: rgba(28, 27, 24, 0.12);       /* hairlines: cards, steps */
  --color-border-strong: rgba(28, 27, 24, 0.24);/* chip borders, foot rule */
  --color-text: #1C1B18;                        /* warm near-black ink */
  --color-text-muted: rgba(28, 27, 24, 0.72);   /* ledes, body, labels */
  --color-text-faint: rgba(28, 27, 24, 0.46);   /* kicker numerals, wordmark sub-line */

  /* Primary — one strong accent; deep teal reads editorial, not default-blue */
  --color-primary: #0E6B63;                     /* kickers, h1/h2 em, stat values */
  --color-primary-light: #E3EFEC;               /* tinted wash — .card.feature */
  --color-primary-tint: #5BB8AB;                /* brightened primary, text-safe on the dark register */
  --color-warning: #9A6A0B;                     /* the .tbd marker — loud and deliberately un-brandlike */

  /* Accents — chip dots and card top-borders: primary + three distinct hues */
  --accent: var(--color-primary);               /* teal (follows primary) */
  --accent-2: #B4562B;                          /* copper */
  --accent-3: #44518F;                          /* slate indigo */
  --accent-4: #7D4E76;                          /* plum */

  /* Dark register — .poster.dark and the .cta block; one ink, used sparingly */
  --dark-bg: #1B1A17;                           /* warm near-black */
  --dark-text: #F5F3ED;                         /* warm off-white */
  --dark-muted: rgba(245, 243, 237, 0.66);      /* secondary text on dark */
  --dark-border: rgba(245, 243, 237, 0.18);     /* rules and step borders on dark */

  /* Type — system stacks only in the starter (see the header note).
     Display: Charter/Georgia — a sturdy transitional serif every OS ships. */
  --font-display: Charter, 'Iowan Old Style', Georgia, Cambria, 'Times New Roman', serif;
  --font-body: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'Cascadia Code', Menlo, Consolas, monospace;
  --weight-display: 700;                        /* real bold exists in every stack above; tune per brand face */

  /* Shape — friendly-neutral radii; sample a real brand's buttons and cards */
  --radius-sm: 6px;                             /* chips, .tbd marker */
  --radius-md: 12px;                            /* mid-size components */
  --radius-lg: 16px;                            /* cards, .cta block */
  --dot-radius: 50%;                            /* round chip markers; 0 for a formal square */

  /* Review-board stage (the letterbox behind posters — never exported) */
  --stage-bg: #131211;                          /* near-black, posters float like frames */
  --stage-fg: rgba(245, 243, 237, 0.72);        /* board heading + captions */
  --grid-line: #98917F;                         /* faint 72px grid on .has-grid — warm stone; brands often swap in a metallic */
}