:root {
  --accent: #d4af37;
  --accent-soft: #2a2113;
  --accent-dark: #b58f26;
  --text: #f5f2e9;
  --muted: #b9ad96;
  --border: #1d1d1d;
  --shadow: 0 18px 40px rgba(0, 0, 0, 0.55);
  --radius: 18px;
  --font-serif: "Libre Baskerville", "Playfair Display", "Cormorant Garamond", "Merriweather", serif;
  --font-sans: "Source Sans 3", system-ui, sans-serif;
}

body {
  font-family: var(--font-sans);
  background: #0b0b0b;
  color: var(--text);
}

a {
  color: var(--text);
  text-decoration: none;
}

a:hover {
  color: var(--accent);
}

.brand-text {
  font-family: var(--font-serif);
  font-weight: 600;
  letter-spacing: 0.6px;
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-serif);
  letter-spacing: -0.02em;
  font-weight: 700;
}

button,
input,
select,
textarea {
  font-family: var(--font-sans);
}