:root {
  --ink: #172329;
  --navy: #0d172a;
  --cream: #faf8f3;
  --paper: #f2efe8;
  --line: #dedbd3;
  --gold: #a78362;
  --soft: #e9e5dc;
  --site-text-color: var(--ink);
  --site-paper: var(--cream);
  --site-header-height: 72px;
  --site-breadcrumb-size: 12px;
  --site-content-max: 1180px;
  --site-footer-max: 1120px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 98px; }
body {
  margin: 0;
  background: var(--cream);
  color: var(--ink);
  font: 300 16px/1.95 var(--site-font-sans);
}

.progress { position: fixed; inset: 0 0 auto; height: 3px; z-index: 100; }
.progress span { display: block; width: 0; height: 100%; background: #c8a57f; }

@media (max-width: 600px) {
  :root { --site-breadcrumb-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}