/* ==========================================================
   VOICE Campaign — Design Tokens
   Alex Sloley · Scrum Alliance Board of Directors
   Extracted from outputs/sa-voice-visual.html (2026-05-21)
   ========================================================== */

:root {
  /* ---- Color : strict grayscale, no hue ---- */
  --paper:  #ffffff;   /* primary background */
  --mist:   #f3f3f3;   /* recessed panel / hero background */
  --ink:    #161616;   /* primary text, the V-mark bars */
  --gray-1: #565656;   /* body and supporting text */
  --gray-2: #8a8a8a;   /* labels, eyebrows */
  --gray-3: #c6c6c6;   /* inactive equalizer bars */
  --hair:   #e7e7e7;   /* hairline rules and borders */

  /* ---- Typography ---- */
  --font: 'Ubuntu', system-ui, sans-serif;

  --w-light: 300;      /* body text (stands in for Avenir Light) */
  --w-reg:   400;
  --w-med:   500;      /* headings — Ubuntu Medium, the brand weight */
  --w-bold:  700;      /* the VOICE wordmark */

  /* type scale */
  --t-micro:   12px;   /* fine print */
  --t-label:   13px;
  --t-body:    15.5px; /* supporting copy */
  --t-name:    18px;   /* commitment names, hero office line */
  --t-lead:    23px;   /* tagline, section heading */
  --t-head:    27px;   /* commitment headlines */
  --t-glyph:   40px;   /* VOICE wordmark glyphs */
  --t-letter:  84px;   /* giant commitment letter */
  --t-display: clamp(42px, 8vw, 66px); /* candidate name */

  /* tracking */
  --track-tight:  -0.012em; /* display / name */
  --track-label:  0.10em;   /* uppercase section heading */
  --track-name:   0.14em;   /* uppercase commitment name */

  /* ---- Spacing ---- */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 40px;
  --sp-5: 54px;
  --sp-6: 76px;

  /* ---- Layout ---- */
  --measure: 980px;    /* content max-width */
  --pad-x:   40px;     /* horizontal page padding (24px on mobile) */

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fade: 0.7s;
}