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

:root {
  --gold: #c29d5d;
  --gold-light: #d8ba85;
  --gold-dark: #8a6e35;
  --bg: #0e3028;
  --bg-dark: #0a2420;
  --bg-card: #102c24;
  --border: rgba(194, 157, 93, 0.18);
  --border-hover: rgba(194, 157, 93, 0.4);
  --text-muted: rgba(194, 157, 93, 0.85);
  --white: #fff;
  --font-serif: 'Merriweather', serif;
  --font-sans: 'Merriweather', sans-serif;
}

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

body {
  font-family: var(--font-sans);
  background: var(--bg);
  color: var(--white);
  overflow-x: hidden;
}

button { font-family: var(--font-sans); cursor: pointer; }
a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }