:root {
  --cream: #FAF8F4;
  --warm-white: #F5F2EC;
  --dark: #1A1714;
  --dark-2: #2C2825;
  --accent: #C9A96E;
  --accent-light: #E8D5B0;
  --accent-dark: #A07840;
  --muted: #8A8178;
  --text: #3D3830;
  --border: #E4DDD3;
  --pill-bg: #F0EAE0;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: 'DM Sans', sans-serif;
  background: var(--cream);
  color: var(--text);
  overflow-x: hidden;
}

/* ── SCROLLBAR ── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--cream); }
::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 10px; }