/* ─────────────────────────────────────────────
   DESIGN TOKENS
───────────────────────────────────────────── */
:root {
  --green:    #2D7D52;
  --green-dk: #256844;
  --slate:    #2C3E50;
  --sky:      #5BA4CF;
  --offwhite: #F8F7F4;
  --ink:      #1A1F2E;
  --stone:    #E2E0DC;
  --charcoal: #1E1E1E;
  --smoke:    #6B7280;

  --font-display: 'Plus Jakarta Sans', sans-serif;
  --font-body:    'Inter', sans-serif;

  --sz-display: clamp(42px, 5.5vw, 64px);
  --sz-h1:      clamp(30px, 4vw, 40px);
  --sz-h2:      clamp(24px, 3.2vw, 32px);
  --sz-h3:      clamp(19px, 2.4vw, 24px);
  --sz-body:    16px;
  --sz-small:   14px;
  --sz-caption: 12px;

  --max-width: 1160px;
  --gutter: clamp(20px, 5vw, 80px);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --nav-h: 68px;
}