/* ── DESIGN TOKENS ── */
:root {
  /* Colors */
  --ink:        #1a1510;
  --paper:      #f5f0e8;
  --aged:       #e8dfc8;
  --rust:       #c4622d;
  --sage:       #4a6741;
  --gold:       #c9a84c;
  --mist:       #8a9ba8;
  --warm-gray:  #7a7068;
  --chat-ai:    #f0ebe0;
  --shadow:     rgba(26, 21, 16, 0.12);

  /* Typography */
  --font-mono:    'DM Mono', monospace;
  --font-serif:   'Playfair Display', serif;
  --font-body:    'Libre Baskerville', serif;

  /* Spacing */
  --space-xs:   0.25rem;
  --space-sm:   0.5rem;
  --space-md:   1rem;
  --space-lg:   1.5rem;
  --space-xl:   2rem;
  --space-2xl:  3rem;

  /* Radius */
  --radius-sm:  3px;
  --radius-md:  6px;
  --radius-lg:  8px;
  --radius-xl:  12px;
  --radius-full: 9999px;

  /* Transitions */
  --transition: 0.2s ease;

  /* Shadows */
  --shadow-sm:  0 2px 6px rgba(0,0,0,0.04);
  --shadow-md:  0 4px 18px rgba(0,0,0,0.08);
  --shadow-lg:  0 40px 80px rgba(0,0,0,0.5);
}