/* ═══════════════════════════════════════════════════════════════════════════════
   BRICK BY BRICK — Design Tokens v3
   Forest Green + Stone/Cream + Teal (rare)
   "Permanent infrastructure — built to last"
   ═══════════════════════════════════════════════════════════════════════════════ */

:root {
  /* ── Forest Palette (Primary) ── */
  --forest:           #1a3a2a;
  --forest-deep:      #0f2419;
  --forest-mid:       #2a5a3f;

  /* ── Stone / Surface Palette ── */
  --stone:            #e8dcc8;
  --stone-light:      #f5efe3;
  --cream:            #faf6ef;
  --mortar:           #c4b494;
  --stone-warm:       #d4c4a8;

  /* ── Teal (rare — CTAs on dark, .ai in logo, corrected state) ── */
  --teal:             #4EEBC2;
  --teal-deep:        #085041;
  --teal-muted:       #3bbf9e;

  /* ── Dimension accent ── */
  --moss:             #6b8f71;

  /* ── Signal Colors ── */
  --amber:            #D4A017;
  --amber-deep:       #A67C00;
  --coral:            #E07A5F;

  /* ── Text Colors ── */
  --text-dark:        #1a1a14;
  --text-body:        #3a3628;
  --text-muted:       #8a7e6a;

  /* ── Spacing Scale ── */
  --space-xs:   8px;
  --space-sm:   16px;
  --space-md:   24px;
  --space-lg:   40px;
  --space-xl:   64px;
  --space-2xl:  100px;

  /* ── Border Radius ── */
  --radius:     8px;

  /* ── Typography ── */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Source Serif 4', 'Source Serif Pro', Georgia, serif;
  --font-ui:      'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* ── Shadows (subtle, warm) ── */
  --shadow-sm:   0 2px 8px rgba(26, 58, 42, 0.06);
  --shadow-md:   0 4px 16px rgba(26, 58, 42, 0.08);
  --shadow-lg:   0 8px 32px rgba(26, 58, 42, 0.12);

  /* ── Transitions ── */
  --ease:        200ms ease-out;
  --ease-slow:   400ms ease-out;
  --ease-page:   600ms ease-out;
}

/* ── Dark Mode ── */
@media (prefers-color-scheme: dark) {
  :root {
    --stone:         #2a2926;
    --stone-light:   #1e1d1b;
    --cream:         #252422;
    --mortar:        #3a3835;
    --stone-warm:    #3a3628;
    --text-dark:     #f5efe3;
    --text-body:     #d4c8b0;
    --text-muted:    #8a7e6a;
  }
}