/* ═══════════════════════════════════════════
   NutriMamma — Design Tokens & CSS Variables
   ═══════════════════════════════════════════ */
:root {
  /* Colors */
  --cream: #faf6f0;
  --warm: #fff9f4;
  --rose: #d4768a;
  --rose-l: #f0c4ce;
  --rose-p: #fce8ed;
  --sage: #7a9b7e;
  --sage-l: #b8d4bb;
  --sage-p: #eaf2eb;
  --terra: #c17f5a;
  --terra-l: #e8c4a8;
  --terra-p: #fdf0e6;
  --indigo: #5a6b8a;
  --indigo-l: #a8b8d4;
  --indigo-p: #eaeff5;
  --gold: #c9a84c;
  --gold-p: #fdf8e8;
  --dark: #2d2420;
  --mid: #6b5b52;
  --light: #a0887e;
  --border: #ede8e2;

  /* Typography */
  --serif: 'Cormorant Garamond', serif;
  --sans: 'DM Sans', sans-serif;

  /* Layout */
  --nav-h: 64px;
  --sidebar-w: 240px;

  /* Shadows */
  --shadow: 0 4px 24px rgba(45, 36, 32, .07);
  --shadow-lg: 0 8px 40px rgba(45, 36, 32, .12);
}