/* ============================================================
   HEFT — design tokens
   Single source of truth for colour, type, space, radius, lines.
   Change values here; never hard-code them in the other files.
   Primary brand colour: British Racing Green.
   ============================================================ */

:root{
  /* ---- Brand ---- */
  --brg:        #0B3D2E;   /* British Racing Green — primary */
  --brg-700:    #0F4E3A;   /* hover / lifted green */
  --brg-900:    #062A20;   /* deepest green — dark cards, final CTA */
  --accent:     #C84A2C;   /* rust — used sparingly: flags, badges */

  /* ---- Surfaces ---- */
  --bg:         #F1F2EE;   /* page canvas, warm neutral */
  --card:       #FFFFFF;   /* card surface */
  --well:       #E7E9E3;   /* image wells / placeholders */

  /* ---- Text ---- */
  --ink:        #0F221B;   /* headings + body */
  --muted:      #5D6B64;   /* secondary text */
  --faint:      #93A09A;   /* captions, kickers */
  --on-dark:       rgba(255,255,255,.82);
  --on-dark-quiet: rgba(255,255,255,.62);

  /* ---- Lines ---- */
  --line:       #E1E4DE;
  --line-2:     #ECEEE9;
  --line-brg:   rgba(11,61,46,.20);

  /* ---- Type ---- */
  --f: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;

  /* ---- Shape & rhythm ---- */
  --r:      24px;
  --r-sm:   14px;
  --gap:    clamp(12px, 1.4vw, 20px);

  /* ---- Motion ---- */
  --ease:   cubic-bezier(.16,1,.3,1);
}
