/* ═══════════════════════════════════════════════
   DESIGN TOKENS — shared by index.html, portfolio.html, 404.html
═══════════════════════════════════════════════ */
:root {
  --bg:         #F4EFE9;
  --bg-alt:     #E3D6C9;
  --bg-dark:    #2C2018;
  --paper:      #FAF8F4;
  --ink:        #3F2E25;
  --ink-mid:    #6D5E50;          /* darkened from #7A6A5A for WCAG AA on --bg */
  --ink-soft:   #948272;          /* darkened from #B0A090 for better contrast */
  --accent:     #CBB69A;
  --accent-dk:  #9A8068;
  --line:       rgba(63,46,37,.10);
  --line-soft:  rgba(63,46,37,.05);
  --f-serif:    'Cormorant Garamond', Georgia, serif;
  --f-display:  'Inter Tight', system-ui, sans-serif;
  --f-body:     'Inter', system-ui, sans-serif;
  --ease:       cubic-bezier(.65,0,.35,1);
  --ease-out:   cubic-bezier(.16,1,.3,1);
  --ease-in-out:cubic-bezier(.77,0,.18,1);
  --gutter:     clamp(1.5rem, 4vw, 4rem);
}