/* ================================================================
   DESIGN TOKENS — SaveWithNerds
   ================================================================ */
:root {
  /* Palette */
  --cream:        #faf7f2;
  --warm-white:   #f5f0e8;
  --blush:        #f0e8e0;
  --rose:         #e8d5c8;
  --dusty-rose:   #c9a99a;
  --terracotta:   #b5705a;
  --terra-dark:   #a05545;
  --deep:         #2c1f1a;
  --mid:          #5a3d35;
  --muted:        #8a6b62;
  --light-text:   #b5998f;
  --sage:         #c8d4c0;
  --sage-deep:    #7a9270;
  --lavender:     #ddd5e8;
  --gold:         #c9a84c;

  /* Borders */
  --border:       rgba(44,31,26,0.08);
  --border-mid:   rgba(44,31,26,0.14);
  --border-dark:  rgba(44,31,26,0.22);

  /* Shadows */
  --shadow:       0 2px 24px rgba(44,31,26,0.06);
  --shadow-hover: 0 8px 40px rgba(44,31,26,0.12);

  /* Fonts */
  --ff-display: 'Cormorant Garamond', serif;
  --ff-body:    'DM Sans', sans-serif;
  --ff-mono:    'DM Mono', monospace;

  /* Spacing */
  --page-gutter: 40px;
  --radius:      12px;
  --radius-lg:   20px;
  --radius-pill: 24px;

  /* Motion */
  --speed-fast:  0.18s;
  --speed-med:   0.28s;
}

@media (max-width: 768px) {
  :root { --page-gutter: 20px; }
}