:root {
  /* brand */
  --cream:        #FAFAF5;
  --cream-light:  #F5E6D3;
  --tan:          #D4A574;
  --wheat-gold:   #DAA520;
  --rust:         #C4551A;
  --saddle:       #8B4513;
  --dark-frame:   #2C1810;

  /* feedback */
  --pos:          #2D7A4A;
  --neg:          #B41E14;

  /* neutrals */
  --ink:          #1a1a1a;
  --muted:        #666;
  --rule:         #ccc;

  /* type */
  --font-sans:    'Inter', 'Roboto', system-ui, -apple-system, sans-serif;
  --font-serif:   Georgia, 'Times New Roman', serif;

  /* spacing (4px base) */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-6:  24px;
  --s-8:  32px;
  --s-12: 48px;
  --s-16: 64px;

  /* radii / shadows */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --shadow-card: 0 2px 8px rgba(44, 24, 16, 0.08);
}