/* ClubIT V1 — design tokens
   Sources: Canva Brand Kit (spec §5.1) + neutral ramp already shipped on letstalk.clubit.net.au
   Every pairing below is contrast-tested. Rules that must not be broken are marked. */

:root{
  /* Brand — confirmed Canva values */
  --navy:        #0F1A33;  /* primary dark ground */
  --navy-2:      #192F54;  /* cards/overlays on navy */
  --purple:      #714FF7;  /* 5.04 on white ✓ | 3.42 on navy — FILL ONLY on dark */
  --purple-deep: #5636C9;  /* hover/active — 7.59 on white ✓ */
  --teal:        #0BCBC3;  /* 8.51 on navy ✓ | 2.03 on white — NEVER text on white */
  --aqua:        #BDFFFA;  /* 15.50 on navy ✓ */
  --lavender:    #BCBAFF;  /* 9.55 on navy ✓ */
  --blue:        #30679A;  /* 5.94 on white ✓ | 2.91 on navy ✗ — light surfaces only */

  /* Neutral ramp — from the live letstalk build */
  --ink:    #40485C;  /* body text on light — 9.13 ✓ */
  --muted:  #8892AB;  /* 3.11 on white = LARGE TEXT ONLY | 5.55 on navy ✓ */
  --line:   #E6E9F2;
  --tint:   #F7F7FB;
  --white:  #FFFFFF;

  /* Type — two families, departing from the single-family rule in spec §5.1:
     Manrope carries the headings, Inter carries running text. Hierarchy still
     comes from weight/scale/tracking, not from a third face. */
  --font:      'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-head: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --step--1: clamp(.82rem, .8rem + .1vw, .875rem);
  --step-0:  clamp(1rem, .96rem + .2vw, 1.0625rem);
  --step-1:  clamp(1.15rem, 1.08rem + .35vw, 1.3rem);
  --step-2:  clamp(1.45rem, 1.3rem + .7vw, 1.85rem);
  --step-3:  clamp(1.9rem, 1.6rem + 1.4vw, 2.6rem);
  --step-4:  clamp(2.4rem, 1.9rem + 2.5vw, 3.9rem);
  --step-5:  clamp(2.9rem, 2.1rem + 4vw, 5.1rem);

  --measure: 62ch;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --shell: 1240px;
  --radius: 14px;
  --radius-sm: 8px;
}