/* ════════════════════════════════════════════════════════════════════
   Design tokens — the ONLY place --pg-* is defined.

   Loaded as its own <link> BEFORE core.css (src/layouts/BaseLayout.astro
   cssFiles), never @import-ed: /css/* is served immutable for a year and
   only a <link> carries the ?v=<git-sha> cache-buster; an @import from
   core.css would pin a stale palette for a year after a token change.

   Shared with docs.halowifi.com: docs/scripts/sync.mjs copies this file
   verbatim into the Starlight build on every docs build. Only custom
   properties on :root / html[data-theme] belong here — fonts, body,
   colour-scheme and every rule stay in core.css (verify-dist reads the
   @font-face URLs from dist/css/core.css).

   Moved out of core.css (its former lines 57–110) with byte-identical
   contents on 2026-09-12.
   ════════════════════════════════════════════════════════════════════ */
/* NIGHT palette — the site default AND the re-pin for dark cinema panels
   when the room is light. Values byte-identical to the dark-only build. */
:root,
html[data-theme="light"] .zone-night{
  --pg-bg:#0b1018;
  --pg-bg-2:#10161f;
  --pg-surface:#141b25;
  --pg-ink:#eef2f6;
  --pg-ink-soft:#cfd6dd;
  --pg-mute:#9aa3ad;
  --pg-faint:#7a8390;  /* 2026-09-02: was #6b7480 (3.66:1 on --pg-surface); lightest step at 4.5:1 on surface, 4.74 on bg-2 */
  --pg-hairline:rgba(255,255,255,.08);
  --pg-hairline-soft:rgba(255,255,255,.05);
  --pg-emerald:#15b87f;
  --pg-emerald-hi:#2ed49a;
  --pg-red:#e23b34;
  --pg-red-hover:#ec4640;
  /* CTA system — deep emerald (decided 2026-08-21): booking reads as
     "go / it's live", the same family as the LIVE badge and guests-online
     accents, and brand red retreats to the logo + true error states —
     where scarcity makes it pop harder. #0d8659 holds 4.6:1 with white
     text — the lightest step that keeps white text AA; brighter greens
     need ink text instead. --pg-red stays for genuine errors. */
  --pg-cta:#0d8659;
  --pg-cta-hover:#0f9160;
  --pg-glass:rgba(13,17,23,.6);
  --pg-marker:rgba(255,216,77,.55);
  --pg-shadow:0 24px 60px rgba(0,0,0,.35);
  --pg-ease:cubic-bezier(.16,1,.3,1);
  --pg-font:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;
  --pg-display:"General Sans","Plus Jakarta Sans",system-ui,sans-serif;
  --pg-glow:0 0 60px rgba(21,184,127,.14);
  --pg-dim:rgba(11,16,24,.78);
}
/* DAY palette — production pg.css values. --pg-red and --pg-cta are NOT
   remapped: the emerald CTA and error-red read identically in both themes. */
html[data-theme="light"]{
  --pg-bg:#ffffff;
  --pg-bg-2:#f5f6f8;
  --pg-surface:#ffffff;
  --pg-ink:#101016;
  --pg-ink-soft:#2a2f36;
  --pg-mute:#565d68;
  --pg-faint:#6c717b;  /* 2026-09-02: was #8b9099 (2.97:1 on --pg-bg-2); lightest step at 4.5:1 on bg-2, 4.9 on white */
  --pg-hairline:rgba(16,16,22,.1);
  --pg-hairline-soft:rgba(16,16,22,.06);
  --pg-emerald:#0f9e6c;
  --pg-emerald-hi:#0b7550;  /* 2026-09-02: was #0f9e6c (3.43:1 on white, 3.17 on bg-2). Text-size emerald; dots and fills keep --pg-emerald */
  --pg-glass:rgba(255,255,255,.74);
  --pg-marker:rgba(255,216,77,.55);
  --pg-shadow:0 24px 60px rgba(16,16,22,.12);
  --pg-glow:0 0 54px rgba(15,158,108,.12);
  --pg-dim:rgba(16,16,22,.5);
}