/* ============================================================
   JOSEPH BOBAY — DESIGN TOKENS
   Single source of truth for all design decisions.
   Import first on every page.
   ============================================================ */

:root {

  /* COLOR
     --ink       : primary text, dark bg
     --paper     : site background
     --stone     : secondary text, captions
     --smoke     : barely-visible section bg variation
     --forest    : primary accent (CTA, active, emphasis)
     --canopy    : forest hover state
     --forest-lt : forest readable on dark backgrounds
     --border    : structural lines (barely visible)
     --border-md : slightly more visible border
     --on-forest : text on dark backgrounds
  ---------------------------------------------------------------- */
  --ink:        #0e0d0b;
  --paper:      #f5f0e6;
  --stone:      #6a6760;
  --smoke:      #e8e3d9;
  --forest:     #1c3829;
  --canopy:     #2f5c40;
  --forest-lt:  #6aad82;
  --border:     rgba(14, 13, 11, 0.07);
  --border-md:  rgba(14, 13, 11, 0.14);
  --on-forest:  #f5f0e6;

  /* TYPOGRAPHY */
  --font-display: 'Syne', sans-serif;
  --font-body:    'Inter', sans-serif;
  --font-mono:    'Space Mono', monospace;

  /* SPACING (8-point scale) */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  16px;
  --sp-4:  24px;
  --sp-5:  40px;
  --sp-6:  64px;
  --sp-7:  96px;
  --sp-8: 144px;
  --sp-9: 192px;

  /* RADIUS */
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 8px;

  /* STRUCTURE */
  --nav-h:       56px;
  --content-max: 1320px;
  --prose-max:   680px;
  --side-pad:    clamp(24px, 5vw, 80px);

}