/* ── THEME: Grove ─────────────────────────────────────────────
   Forest green · Punchy orange · Cream · Lime · Pink · Sky
   Inspired by: Urban Wild Studio — bold, organic, illustrative
   ──────────────────────────────────────────────────────────── */
@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 {
  /* Colour */
  --bg:      #F7F3EB;
  --cream:   #EEF5DC;
  --navy:    #1a5c53;
  --navy2:   #a33b9c;
  --terra:   #F04E00;
  --orange:  #F0B76D;
  --amber:   #C8E013;
  --teal:    #4BBFD8;
  --text:    #0D2318;
  --muted:   #3D7055;
  --border:  rgba(26,92,58,0.15);
  --stripe:  repeating-linear-gradient(90deg, var(--orange) 0% 25%, var(--terra) 25% 50%, var(--amber) 50% 75%, var(--teal) 75% 100%);

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

  /* Shape */
  --r:       8px;
  --btn-r:   999px;
  --card-r:  16px;

  /* Text treatment */
  --btn-tt:  uppercase;
  --btn-ls:  .06em;
  --nav-tt:  none;
  --nav-ls:  .02em;

  /* Platform grid */
  --grid-gap:    12px;
  --grid-border: none;
  --card-shadow: 0 2px 16px rgba(26,92,58,0.08);
  --card-hover-shadow: 0 8px 32px rgba(26,92,58,0.16);
  --card-hover-lift: translateY(-4px);

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