/* M.A.T.E. layout tokens
   Space instead of borders (Design Charter v0.4 section 5).
   Section rhythm is fluid; the page never exceeds 1180px. */
:root{
  --maxw:1180px; /* @kind spacing */
  --gutter:28px; /* @kind spacing */ /* .wrap side padding */
  --mast-h:88px; /* @kind spacing */ /* set at runtime by site.js from the real masthead height */
  --idx:64px; /* @kind spacing */ /* the numbered-section index column */

  /* --- vertical rhythm --- */
  --sec-y:clamp(56px,8vw,104px); /* @kind spacing */
  --hero-y:clamp(56px,7vw,104px); /* @kind spacing */
  --band-y:clamp(56px,8vw,96px); /* @kind spacing */
  --cine-y:clamp(88px,12vw,150px); /* @kind spacing */
  --foot-y:64px; /* @kind spacing */

  /* --- gaps --- */
  --gap-tiles:18px; /* @kind spacing */
  --gap-points:38px; /* @kind spacing */
  --gap-actions:14px; /* @kind spacing */
  --gap-media:56px; /* @kind spacing */
  --gap-facts:34px 40px; /* @kind spacing */
  --row-y:26px; /* @kind spacing */ /* comparison row padding */

  /* --- radii --- */
  --radius-card:22px; /* @kind radius */ /* tiles, demo panel, media images, stat card */
  --radius-thumb:20px; /* @kind radius */ /* audience portraits */
  --radius-msg:16px; /* @kind radius */ /* chat bubbles */
  --radius-msg-tail:5px; /* @kind radius */
  --radius-pill:999px; /* @kind radius */ /* buttons, chips, skip link */
  --radius-field:2px; /* @kind radius */ /* form inputs, focus ring */

  /* --- lines --- */
  --hairline:1px; /* @kind spacing */
  --rule-h:2px; /* @kind spacing */ /* the full-bleed Blue Ruin rule under a hero */
  --underline-h:3px; /* @kind spacing */ /* the drawn rule under an h2 */
  --border-btn:1.5px; /* @kind spacing */

  /* --- controls --- */
  --btn-y:17px; /* @kind spacing */
  --btn-x:34px; /* @kind spacing */
  --btn-y-mobile:16px; /* @kind spacing */
  --btn-x-mobile:26px; /* @kind spacing */
  --chip-y:7px; /* @kind spacing */
  --chip-x:14px; /* @kind spacing */
  --tile-pad:36px 34px 32px; /* @kind spacing */
  --tile-min-h:248px; /* @kind spacing */

  --shadow-card:0 12px 34px rgba(16,24,40,.16); /* @kind shadow */ /* the only shadow in the system */
}