@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,600&display=swap");

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

/* ── DESIGN TOKENS ──────────────────────── */
:root {
  --green: #3d6b35;
  --green-dark: #2a4d26;
  --green-deep: #1c3318;
  --green-light: #e8f0e6;
  --gold: #c5981e;
  --gold-light: #f5e6b8;
  --cream: #f7f3eb;
  --cream-dark: #eee8d8;
  --text: #1e1e1e;
  --text-mid: #4a4a4a;
  --text-muted: #7a7a7a;
  --white: #ffffff;
  --font-body: "Montserrat", sans-serif;
  --font-display: "Cormorant Garamond", serif;
  --r-sm: 4px;
  --r-md: 10px;
  --r-lg: 18px;
  --r-xl: 28px;
  --t: 0.25s ease;
}

/* ── BASE ───────────────────────────────── */
html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
  background: var(--cream);
  color: var(--text);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

/* ── FOCUS ──────────────────────────────── */
:focus-visible {
  outline: 2px solid var(--green);
  outline-offset: 3px;
  border-radius: var(--r-sm);
}