:root {
  /* ── Colors ─────────────────────────────────────────── */
  --clr-primary:       #0B6E4F;
  --clr-primary-hover: #085E42;
  --clr-primary-light: #E6F4EF;
  --clr-accent:        #E8A020;
  --clr-accent-hover:  #D49219;
  --clr-dark:          #111827;
  --clr-text:          #374151;
  --clr-text-muted:    #6B7280;
  --clr-text-light:    #9CA3AF;
  --clr-bg:            #FFFFFF;
  --clr-bg-subtle:     #F9FAFB;
  --clr-border:        #E5E7EB;

  /* ── Typography ─────────────────────────────────────── */
  --font-display: 'Plus Jakarta Sans', sans-serif;
  --font-body:    'Inter', sans-serif;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;
  --text-7xl:  4.5rem;

  --fw-normal:    400;
  --fw-medium:    500;
  --fw-semibold:  600;
  --fw-bold:      700;
  --fw-extrabold: 800;

  --lh-tight:   1.2;
  --lh-snug:    1.375;
  --lh-normal:  1.5;
  --lh-relaxed: 1.65;

  /* ── Spacing ─────────────────────────────────────────── */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;

  /* ── Radii ───────────────────────────────────────────── */
  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   12px;
  --r-xl:   16px;
  --r-2xl:  24px;
  --r-full: 9999px;

  /* ── Shadows ─────────────────────────────────────────── */
  --sh-sm:   0 1px 2px rgba(0,0,0,.05);
  --sh-md:   0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.04);
  --sh-lg:   0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.04);
  --sh-xl:   0 20px 25px -5px rgba(0,0,0,.09), 0 8px 10px -6px rgba(0,0,0,.04);
  --sh-card: 0 0 0 1px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.06);

  /* ── Transitions ─────────────────────────────────────── */
  --t-fast: 130ms ease;
  --t-base: 220ms ease;
  --t-slow: 380ms ease;

  /* ── Layout ──────────────────────────────────────────── */
  --container-max: 1200px;
  --container-pad: clamp(1rem, 5vw, 2rem);

  /* ── Z-index ─────────────────────────────────────────── */
  --z-nav:     200;
  --z-overlay: 300;
}