:root {
  /* ── Brand colours ─────────────────────────────────── */
  --green:       #0f4b28;
  --green-dark:  #0a3a1e;
  --yellow:      #c09642;
  --yellow-dark: #a07a35;
  --dark:        #0e0f10;
  --white:       #FFFFFF;
  --cream:       #F5F3E8;

  /* ── Neutral scale ─────────────────────────────────── */
  --grey-1: #F7F7F7;
  --grey-2: #E5E5E5;
  --grey-3: #BDBDBD;
  --grey-4: #5F5F5F;

  /* ── Semantic colours ──────────────────────────────── */
  --text-primary: var(--dark);
  --text-muted:   #666666;
  --text-footer:  #B8B8B8;
  --bg-page:      var(--cream);
  --bg-card:      var(--white);
  --bg-dark:      var(--dark);
  --border-light: var(--grey-2);

  /* ── Typography ────────────────────────────────────── */
  --font-sans: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont,
               'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* ── Spacing scale ─────────────────────────────────── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.5rem;
  --space-6:  2rem;
  --space-7:  3rem;
  --space-8:  4rem;
  --space-9:  6rem;
  --space-10: 8rem;

  /* ── Layout ────────────────────────────────────────── */
  --max-container: 1200px;

  /* ── Radii ─────────────────────────────────────────── */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-pill:  50px;
  --radius-badge: 25px;

  /* ── Shadows ───────────────────────────────────────── */
  --shadow-sm:   0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md:   0 10px 30px rgba(0, 0, 0, 0.08);
  --shadow-lg:   0 20px 40px rgba(0, 0, 0, 0.12);
  --shadow-card: 0 8px 25px rgba(0, 0, 0, 0.08);

  /* ── Transitions ───────────────────────────────────── */
  --ease-smooth:  cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-bounce:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 200ms;
  --duration-base: 300ms;
  --duration-slow: 600ms;

  /* ── Z-index scale ─────────────────────────────────── */
  --z-base:    1;
  --z-overlay: 100;
  --z-nav:     1000;
  --z-modal:   2000;
}