:root {
  --surface: #171305;
  --surface-dim: #171305;
  --surface-bright: #3e3926;
  --surface-lowest: #120e02;
  --surface-low: #201b0c;
  --surface-container: #241f0f;
  --surface-high: #2f2a19;
  --surface-highest: #3a3523;
  --on-surface: #ebe2c8;
  --on-surface-variant: #d0c5af;
  --outline: #99907c;
  --outline-variant: #4d4635;
  --primary: #f2ca50;
  --on-primary: #3c2f00;
  --primary-container: #d4af37;
  --gold-foil: #d4af37;
  --parchment: #f4ebd0;
  --on-parchment: #241a00;
  --oxblood: #8b1e1e;
  --on-oxblood: #f4ebd0;
  --error: #ffb4ab;
  --background: #171305;
  --on-background: #ece2c8;

  --font-display: "EB Garamond", "Times New Roman", serif;
  --font-ui: "Hanken Grotesk", "Segoe UI", sans-serif;

  --radius: 4px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --gutter: 16px;
  --margin: 20px;
  --nav-h: 64px;
}