/* ── THEME: Wavy ───────────────────────────────────────────────
   Teal · Mustard · Coral · Soft cream · Organic shapes
   Inspired by: retro palette boards, soft geo illustration
   ──────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&display=swap');

:root {
  color-scheme: light;

  /* Colour */
  --surface:      #F5F0E8;   /* page background */
  --surface-alt:  #FFF8E7;   /* alternate section bg, form boxes, cards */
  --primary:      #0D6B6B;   /* nav, footer, headings, buttons, borders */
  --primary-dark: #0e8080;   /* primary hover states */
  --accent:       #E8522A;   /* CTAs, labels, arrows, highlights */
  --accent-warm:  #F5A623;   /* secondary accent, stripe, hover tints */
  --highlight:    #F7D060;   /* tagline emphasis, pull-quote text */
  --accent-cool:  #5BBFB5;   /* eyebrow text, info/success states */
  --text:         #1A2E2E;   /* body copy */
  --text-muted:   #0D6B6B;   /* secondary text, captions, descriptions */
  --border:       rgba(13,107,107,0.15);   /* dividers, subtle borders */
  --stripe:       repeating-linear-gradient(90deg, var(--accent-cool) 0% 25%, var(--highlight) 25% 50%, var(--accent) 50% 75%, #C084D4 75% 100%);

  /* Typography */
  --f-head:  'Bricolage Grotesque', system-ui, sans-serif;
  --f-body:  'Source Sans 3', system-ui, sans-serif;

  /* Shape */
  --r:       24px;
  --btn-r:   999px;
  --card-r:  20px;

  /* Text treatment */
  --btn-tt:  none;
  --btn-ls:  0;
  --nav-tt:  none;
  --nav-ls:  0;

  /* Platform grid */
  --grid-gap:    16px;
  --grid-border: none;
  --card-shadow: 0 4px 24px rgba(13,107,107,0.10);
  --card-hover-shadow: 0 12px 40px rgba(13,107,107,0.18);
  --card-hover-lift: translateY(-4px);

  /* Layout */
  --w:    1280px;
  --nav:  64px;
}


html { font-size: 23px; }