/* ============================================================
   CAPE Advisory v2 — tokens
   Transcribed from DESIGN.md. Change a value there first, then here.
   ============================================================ */
:root{
  /* colour */
  --red:#E60000;
  --red-hover:#C20000;
  --red-pressed:#9E0000;
  --on-red:#FFFFFF;
  --ink:#25282B;
  --ink-900:#1A1C1E;
  --ink-800:#2F3337;          /* a card lifted one step on an ink band */
  --text-2:#666666;           /* 5.74:1 on white */
  --grey-500:#7E7E7E;         /* large text only */
  --mute:#BEBEBE;
  --line:#DEDEDE;
  --canvas:#FFFFFF;
  --canvas-soft:#F2F2F2;
  --on-dark:#FFFFFF;
  --on-dark-2:rgba(255,255,255,.78);
  --line-dark:rgba(255,255,255,.22);

  /* Dark SURFACES - masthead, dark bands, footer, utility bar, photo scrims.
     Charcoal in v2. Kept apart from --ink (text) so a theme can recolour the
     surfaces without tinting every paragraph: the navy theme below does. */
  --dark:var(--ink);
  --dark-900:var(--ink-900);
  --dark-800:var(--ink-800);
  --scrim:26 28 30;           /* --dark-900 as channels, for rgb(var(--scrim) / a) */

  /* the ground a component sits on sets these once */
  --fg:var(--ink);
  --fg-2:var(--text-2);
  --rule:var(--line);
  --focus:var(--red);

  /* type */
  --font:"Figtree","Helvetica Neue",Arial,sans-serif;
  --font-bn:"Noto Sans Bengali","Figtree",sans-serif;
  --fs-hero:clamp(40px,5.6vw,84px);
  --fs-xl:clamp(38px,5vw,72px);
  --fs-shout:clamp(34px,4.6vw,64px);
  --fs-lg:clamp(32px,3.6vw,48px);
  --fs-md:clamp(26px,2.8vw,40px);
  --fs-sm:clamp(22px,2.2vw,30px);
  --fs-xs:22px;
  --fs-body-lg:clamp(18px,1.6vw,22px);
  --fs-body:18px;
  --fs-body-sm:16px;
  --fs-cap:14px;

  /* space — 4pt base, then the section scale */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
  --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:128px;

  /* shape */
  --r-card:6px;
  --r-chip:32px;
  --r-pill:60px;

  /* layout */
  --container:1400px;
  --gutter:clamp(20px,3.2vw,40px);
  --band:clamp(64px,8vw,120px);
  --measure:66ch;
  --mast-h:72px;
  --util-h:36px;              /* the utility bar above the masthead (v3 hero height) */

  /* motion */
  --ease:cubic-bezier(.2,.7,.2,1);
  --t-fast:150ms;
  --t-slide:600ms;
}

/* ============================================================
   Navy theme - edition v2.1 (2 Oct 2026). v1's navy surfaces in
   place of v2's charcoal; everything else is v2. Text stays
   near-black, as it did in v1. Values from v1's tokens.css.
   ============================================================ */
:root[data-theme="navy"]{
  --dark:#102A47;             /* v1 --navy, institutional surface. White on it 14.5:1 */
  --dark-900:#0B1D31;         /* v1 --navy-900 */
  --dark-800:#17395F;         /* v1 --navy-700, a card lifted on a navy band */
  --scrim:11 29 49;
}

/* ============================================================
   Charcoal scrim - edition v2.2 (2 Oct 2026). The overlay that
   sits on photographs and video - the hero scrim, the slider
   rail, the agenda band's wash, the film's duration chip - goes
   back to v2's charcoal while the surfaces stay navy. A separate
   attribute from data-theme, so surface colour and scrim colour
   are two independent switches. Must come AFTER the navy block:
   same specificity, so the later rule wins.
   ============================================================ */
:root[data-scrim="charcoal"]{
  --scrim:26 28 30;
}