/* ── BASE — Design tokens, reset, global ── */

:root {
  --cream: #f5f0e8;
  --cream-dark: #ede7d8;
  --cream-deeper: #e3d9c6;
  --gold: #b8965a;
  --gold-light: #d4af6f;
  --gold-dark: #8a6a32;
  --charcoal: #2c2825;
  --warm-gray: #7a7168;
  --white: #fdfaf5;
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Jost", sans-serif;
}

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

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  background-color: var(--cream);
  color: var(--charcoal);
  font-family: var(--font-body);
  font-weight: 300;
  overflow-x: hidden;
}

/* ── SCROLLBAR ── */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: var(--cream-dark);
}
::-webkit-scrollbar-thumb {
  background: var(--gold);
  border-radius: 3px;
}