/* ============================================================
   Sales Demo — shared theme tokens (THE single brand source)
   ------------------------------------------------------------
   Person Health identity only (brief v1.5 §2):
     #28104E  #6237A0  #9B71D6  #D7CFE6  #F5F0FA
   Type is APTOS — the system font, not a webfont. Sherman 2026-08-05:
   Person Health already uses it, so the demo matches the house face and
   the build needs no font binaries at all.

   Nothing is downloaded and nothing is self-hosted, which satisfies the
   isolation constraint outright rather than by careful sourcing: there is
   no font request to make, to any origin.

   Aptos ships with Microsoft 365 and current Windows. Where it is absent
   (a Mac, a phone, a Linux box) the stack falls through to the platform's
   own UI face — Segoe UI Variable, then system-ui, then -apple-system.
   That degrades to a clean native face, never to Times.

   Token names keep the shape the console already reads (--ph-navy,
   --ph-gold, --ph-cream …). The names are inherited from the layout
   they drive, not from a colour: --ph-gold is "the accent", not
   "gold". Renaming the ~90 call sites would have been churn without
   changing a pixel.

   Linked by the console (console-theme.demo.css), the landing page and
   the prospect app, so there is exactly one source of brand truth.

   There are no @font-face rules and no build/fonts/ directory. Closing
   §15's outstanding font-binary item by removing the dependency rather
   than satisfying it.
   ============================================================ */

:root{
  /* deep grounds */
  --ph-navy:#6237A0;          /* primary — headings, primary actions, wordmark */
  --ph-navy-deep:#28104E;     /* deep ground — topbar, footer, dark bands */
  --ph-ink:#28104E;           /* deepest ground */
  --ph-navy-2:#28104E;        /* tonal band on dark */
  --ph-navy-3:#6237A0;        /* raised card on dark / hover */
  --ph-line-dark:#6237A0;     /* hairline on dark */
  /* accent */
  --ph-gold:#6237A0;          /* accent on light — eyebrows, emphasis, focus, links */
  --ph-gold-strong:#9B71D6;   /* interactive accent */
  --ph-gold-soft:#D7CFE6;     /* pale accent on dark */
  /* surfaces */
  --ph-cream:#F5F0FA; --ph-cream-2:#D7CFE6; --ph-cream-hover:#D7CFE6; --ph-divider:#D7CFE6;
  --ph-body-bg:#F5F0FA; --ph-surface:#ffffff;
  --ph-ink-body:#4A4453;      /* neutral body charcoal — readability, not a brand colour */
  --ph-ink-strong:#28104E;    /* high-contrast heading ink */
  --ph-muted:#6B6577;         /* neutral muted */
  --ph-faint:#9A94A6;
  /* referenced with fallbacks by the console; defined here so they resolve */
  --ph-line:#D7CFE6;
  --ph-accent:#6237A0;
  --ph-chip:#F5F0FA;
  /* semantics — functional, deliberately not brand hues */
  --ok:#0f6b46; --ok-bg:#e7f1ea; --warn:#9a6b12; --warn-bg:#f6efe1; --bad:#9b2c2c; --bad-bg:#f7ecea;
  --info:#6237A0; --info-bg:#F5F0FA;
  --r:6px; --r-lg:12px; --r-pill:999px;
  --sh:0 1px 2px rgba(40,16,78,.06), 0 10px 26px -16px rgba(40,16,78,.18);
  --sh-card:0 1px 2px rgba(40,16,78,.06), 0 1px 3px rgba(40,16,78,.05);
  --sh-hover:0 6px 16px -8px rgba(40,16,78,.18);
  /* --serif is the DISPLAY face (headings, wordmark), --sans the body face.
     The token names are inherited from the layout they drive, not from a
     classification — Aptos is a sans in both slots, by design. */
  --serif:'Aptos Display','Aptos','Segoe UI Variable Display','Segoe UI',system-ui,-apple-system,sans-serif;
  --sans:'Aptos','Segoe UI Variable Text','Segoe UI',system-ui,-apple-system,sans-serif;
  --mono:'Aptos Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  /* the aliases index.html and prospect-app.html reference */
  --ph-serif:var(--serif); --ph-sans:var(--sans); --ph-mono:var(--mono);
}
/* accent emphasis word in a headline */
.em{font-family:var(--serif);font-style:normal;font-weight:700;color:var(--ph-gold)}

/* consent attestations on the signing screen: each claim affirmed
   individually, retained individually. */
.attblock{margin:10px 0 4px;padding:10px 12px;border:1px solid rgba(0,0,0,.08);border-radius:4px;background:rgba(0,0,0,.02)}
.attk{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.65;margin-bottom:6px}
.ccheck.att{padding:4px 0}
.ccheck.att span i{font-style:normal;font-size:12.5px;line-height:1.5}
