/*
 * Scott Aussie — design tokens
 * Source of truth: _brief/SATM-Brand-Guidelines.md (§Colour, §Typography, §Web implementation)
 *
 * DO NOT invent values here. Every colour, size and spacing step below is copied from the
 * brand rules. If something is missing, it gets logged in _build/questions-for-andy.md —
 * it does not get guessed.
 */

:root {
  /* ---- Colour (brand rules §Web implementation → Tokens) ---- */
  --sa-navy:       #002366;  /* primary, body text, links               */
  --sa-navy-deep:  #001A4D;  /* navy button hover only                  */
  --sa-gold:       #B8892B;  /* accent, rules, gold button fill, focus  */
  --sa-gold-light: #C79A3D;  /* gold button HOVER — lighter, not darker */
  --sa-gold-deep:  #8C6720;  /* small gold text on white, link hover    */
  --sa-ui-grey:    #5A6478;  /* muted text, form borders ONLY           */
  --sa-neutral:    #EEEEEE;  /* section backgrounds only                */
  --sa-white:      #FFFFFF;
  --sa-error:      #B23030;

  /* ---- Spacing scale, 8px base (brand rules §Spacing scale) ---- */
  --sa-space-1: 4px;
  --sa-space-2: 8px;
  --sa-space-3: 16px;
  --sa-space-4: 24px;
  --sa-space-5: 32px;
  --sa-space-6: 48px;
  --sa-space-7: 64px;
  --sa-space-8: 96px;

  /* ---- Typography (brand rules §Typography) ---- */
  --sa-font: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --sa-size-h1:     clamp(48px, 4.2vw + 20px, 72px);
  --sa-size-h2:     clamp(36px, 2.2vw + 26px, 48px);
  --sa-size-h3:     clamp(30px, 1.1vw + 26px, 36px);
  --sa-size-h4:     clamp(24px, 1.1vw + 20px, 30px);
  --sa-size-body-l: clamp(20px, 1.1vw + 16px, 24px);
  --sa-size-body:   clamp(18px, 1.1vw + 14px, 20px);
  --sa-size-small:  16px;
  --sa-size-eyebrow: clamp(11px, 0.2vw + 10px, 12px);

  --sa-lh-h1: 1.1;
  --sa-lh-h2: 1.15;
  --sa-lh-h3: 1.2;
  --sa-lh-h4: 1.3;
  --sa-lh-body: 1.75;
  --sa-lh-body-l: 1.6;

  /* ---- Structure ---- */
  --sa-measure: 75ch;        /* max line length, brand rules §Typography */
  --sa-radius: 4px;
  --sa-tap: 44px;            /* minimum touch target, §Web non-negotiables #8 */

  /* ---- Imagery scrim (brand rules §Imagery → Treatment) ----
     70% minimum behind white text; 85% minimum where a gold rule crosses. */
  --sa-scrim: rgba(0, 35, 102, 0.70);
  --sa-scrim-strong: rgba(0, 35, 102, 0.85);
}