/* GridGap design tokens.
   Locked values are marked LOCKED. Anything marked PLACEHOLDER or PROVISIONAL
   should be replaced with the real value from the Figma variables during the
   layout build (open the Figma file and pull the variable, do not guess). */

:root {
  /* Green, two-token system. LOCKED.
     --accent is for dark surfaces; --accent-on-light passes AA on cream.
     Never use --accent on a light surface (fails contrast at ~1.74:1). */
  --accent: #4ed28c;            /* LOCKED, dark surfaces */
  --accent-on-light: #1a7a4a;   /* LOCKED, light surfaces (4.84:1 on cream) */

  /* Surfaces */
  --surface-light: #f8f7f4;     /* LOCKED, About / Sources / Methods background */
  --panel-dark: #081c10;        /* LOCKED, context accordion base (use at 88% opacity) */
  --panel-dark-border: rgba(78, 210, 140, 0.15); /* LOCKED, accordion border */
  --panel-blue: #1a2530;        /* Utility section background, also the context panel base */

  /* Ink / text. PLACEHOLDER, confirm against Figma variables. */
  --ink: #12211a;
  --ink-muted: #5b6b62;

  /* Type families. LOCKED four-font stack. */
  --font-serif: "Source Serif 4", Georgia, serif;          /* display */
  --font-head:  "Radio Canada Big", system-ui, sans-serif; /* headings */
  --font-body:  "Radio Canada", system-ui, sans-serif;     /* body / UI */
  --font-mono:  "Source Code Pro", ui-monospace, monospace;/* data / figures */

  /* Type scale. PROVISIONAL, align to the Figma type scale during layout. */
  --fs-display: 3.5rem;   /* 56px, page Display title */
  --fs-h1: 2rem;          /* 32px, Page H1 style */
  --fs-h2: 1.5rem;
  --fs-h3: 1.125rem;      /* 18px, list-row title (Sources/Methods) — added for the Sources build, estimated from screens, confirm against Figma variables */
  --fs-body: 1rem;
  --fs-small: 0.8125rem;

  --lh-tight: 1.15;
  --lh-body: 1.55;

  /* Spacing scale */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-6: 3rem;

  --maxw: 46rem;
  --radius: 6px;

  /* Material-style elevation, three layers. The first two are directional
     "key light" shadows, offset downward — a tight, low-opacity one for the
     contact edge, a wider, softer one for the lift off the surface below.
     The third is the ambient layer: zero y-offset, so it spreads evenly on
     every side, including upward — without it, an element sitting directly
     above its own shadow (the mobile tooltip, whose panel sits BELOW the
     map rather than over it) reads as merely butted against whatever's
     above it, since both key layers are invisible on that edge. Kept
     subtler than the tight key layer's 0.18 so it reads as lift, not a
     halo. Tinted with --ink rather than plain black, to match the rest of
     the site's shadow-less-black aesthetic. */
  --shadow-float: 0 1px 2px rgba(18, 33, 26, 0.18), 0 8px 24px rgba(18, 33, 26, 0.16), 0 0 12px rgba(18, 33, 26, 0.12);

  /* Deck section height. Candidates: 100svh never overflows but
     under-fills once the iOS toolbar retracts; 100dvh is exact at all
     times but reflows once when the toolbar collapses; 100lvh is exact
     when retracted but overflows while the toolbar is expanded. */
  --deck-h: 100dvh;
}