/* ═══════════════════════════════════════════
   ISG DESIGN TOKENS — single source of truth
   Extracted from about.html (canonical) on 2026-04-25
   ═══════════════════════════════════════════ */
:root {
  --stone-50: #faf9f7;
  --stone-100: #f2f0ec;
  --stone-200: #e8e4dd;
  --stone-300: #d4cfc5;
  --stone-400: #a8a295;
  --stone-500: #7a756a;
  --stone-600: #5c5850;
  --stone-700: #3d3a35;
  --stone-800: #2a2825;
  --stone-900: #1a1917;

  --forest-400: #4a9b6e;
  --forest-500: #2d7a4f;
  --forest-600: #1f5c3a;
  --forest-700: #153d28;

  --teal-400: #3a8fa0;
  --teal-500: #2a7080;
  --teal-600: #1d5260;

  --sand: #c9b99a;
  --sand-light: #e6dcc8;

  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'DM Sans', system-ui, sans-serif;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-2xl: 10rem;

  --max-width: 1280px;
  --gutter: clamp(1.5rem, 5vw, 4rem);
}

/* ═══════════════════════════════════════════
   UNIVERSAL RESET
   ═══════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }