/* ============================================================
   EffectiV — Brand Tokens (single source of truth)
   Pull from these variables. Never hardcode colors, fonts, or weights.
   Confirmed from the live site. effectiv.css wins any conflict.
   ============================================================ */
:root{
  /* --- Type --- */
  --font-display: 'Montserrat', 'Noto Sans', Roboto, 'Helvetica Neue', sans-serif;
  --font-mono:    'IBM Plex Mono', SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

  --weight-body:    350;   /* paragraph / body copy */
  --weight-subhead: 800;   /* sub-headlines (often H2) */
  --weight-heading: 900;   /* headlines (H1, sometimes H2) */

  /* --- Color --- */
  --brand-blue:   #24429c;   /* headlines + buttons/CTAs + accents */
  --brand-blue-light: #3489dc; /* lighter accent: hover states on dark, links */
  --brand-blue-tint:  #e9eefb; /* pale accent tint: highlighted table cells, badges */
  --ink:          #1e2022;   /* sub-headlines and body copy */
  --ink-soft:     #546070;   /* secondary copy, labels */
  --ink-fade:     #8f99aa;   /* tertiary/muted copy, fineprint */
  --navy:         #21325b;   /* theme --bs-dark; dark sections / footers */

  /* --- Surfaces & lines (carried from prior builds; adjust if needed) --- */
  --bg:         #f4f6fb;
  --surface:    #ffffff;
  --surface-alt: #f0f3fa;   /* subtle alt surface for cards-on-cards */
  --line:       #d4dcee;
  --line-soft:  #e5eaf5;    /* lighter divider, e.g. FAQ rows */

  /* --- Geometry --- */
  --radius: 3px;

  /* --- Hero --- */
  --hero-height: 70vh;              /* set per page in vh — controls what lands on load */
  --hero-fade-rgb: 140 152 164;    /* slate used in the fade; tune the color here */
  --hero-gradient: linear-gradient(to top,
      rgb(var(--hero-fade-rgb) / 50%) 0%,
      rgb(var(--hero-fade-rgb) / 15%) 20%,
      rgb(var(--hero-fade-rgb) / 0%) 40%);
}