:root {
  --ink: #111210;
  --ink-soft: #1c1d1a;
  --cream: #f3eadb;
  --paper: #fffaf1;
  --copper: #b9824f;
  --gold: #d4a56f;
  --muted: #aaa294;
  --danger: #d77368;
  --success: #8eaf81;
  --line: rgba(243, 234, 219, .16);
  --shadow: 0 24px 70px rgba(0, 0, 0, .28);
  --radius: 4px;
  --font-display: "Playfair Display", Georgia, serif;
  --font-body: "Manrope", Arial, sans-serif;
  --max-width: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ink); color: var(--cream); font-family: var(--font-body); }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
[hidden] { display: none !important; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}