:root {
  --black: #080808;
  --black-deep: #070707;
  --black-soft: #0b0a09;
  --black-mid: #11100f;
  --black-light: #151311;

  --cream: #f2f0ea;
  --cream-secondary: #b7b3ac;
  --cream-muted: #77736d;

  --gold: #dda000;
  --gold-bright: #f0b51b;
  --gold-dark: #a66f00;

  --red: #7c0808;
  --red-bright: #b51212;

  --border: rgba(242, 240, 234, 0.22);
  --border-soft: rgba(242, 240, 234, 0.12);

  --font-display: "UnifrakturMaguntia", Georgia, serif;
  --font-display-alt: "UnifrakturCook", Georgia, serif;
  --font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-hand: "Caveat", cursive;

  --max-width: 1440px;
  --page-padding: clamp(20px, 4vw, 64px);

  --nav-height: 72px;
  --transition-fast: 180ms ease;
  --transition-base: 260ms ease;
  --transition-slow: 600ms cubic-bezier(0.22, 1, 0.36, 1);

  --grain: url("../assets/textures/grain.svg");
}