/* ==========================================================================
   The Go Network — shared design tokens
   Reconciled from the four page drafts. Long-form names are canonical;
   Get Involved's short-form names (--r-pill, --container, --fh, --fb ...)
   were remapped onto these. Every hex below is identical in all four sources.
   ========================================================================== */

:root {
  /* Brand */
  --tgn-ink: #171411;
  --tgn-brick: #CE4012;
  --tgn-cta: #FF7901;
  --tgn-amber: #F9C925;
  --tgn-accent-minor: #CC2B28;

  /* Brick, darkened only as far as WCAG AA requires, for use where brick
     renders as TEXT below 24px (labels, eyebrows, tags, inline small text).
     Derived against --tgn-blue-tint #DCE6F0, the darkest of the three grounds
     brick labels actually sit on, then verified against the other two:
        #DCE6F0 blue-tint      4.58 : 1
        #EBE5E0 parchment-100  4.63 : 1
        #FCF0CE amber-tint     5.09 : 1
     (#CE4012 scores 3.81 / 3.85 / 4.24 on the same three — all below 4.5.)
     This value is not new to the project: get-involved.html already uses
     #B8390F as the brick hover state in six places.
     --tgn-brick itself is unchanged and remains correct for fills, borders,
     icons, the tick device, and text at 24px and above. */
  --tgn-brick-label: #B8390F;

  /* Primary CTA button surface. White text on --tgn-cta (#FF7901) is 2.63:1
     and fails AA, so the primary button surface is brick, where white text
     measures 4.81:1. --tgn-cta is unchanged and remains the accent fill for
     step markers, filled chips and the footer subscribe button.
     Hover flips to amber with ink text: white on amber is 1.57:1 and
     unusable, ink on amber is 11.72:1. */
  --tgn-cta-surface: #CE4012;
  --tgn-cta-ink: #FFFFFF;
  --tgn-cta-surface-hover: #F9C925;
  --tgn-cta-ink-hover: #171411;

  /* Tints */
  --tgn-blue-tint: #DCE6F0;
  --tgn-amber-tint: #FCF0CE;
  --tgn-blush: #FBEDE8;

  /* Parchment scale */
  --tgn-parchment-50: #F9F7F6;
  --tgn-parchment-100: #EBE5E0;
  --tgn-parchment-200: #CCBEB3;
  --tgn-parchment-300: #A38B75;
  --tgn-parchment-400: #6B5847;
  --tgn-parchment-500: #2E261F;

  --tgn-white: #FFFFFF;

  /* Radii */
  --tgn-radius-pill: 100px;
  --tgn-radius-card: 20px;
  --tgn-radius-badge: 999px;
  --tgn-radius-inset: 14px;   /* was --r-inset, Get Involved only */

  /* Layout */
  --tgn-container-max: 1280px;

  /* Type */
  --font-heading: 'Fraunces', serif;
  --font-body: 'Work Sans', sans-serif;
}