:root {
  --void: #0d0d0d;
  --charcoal: #1a1a1a;
  --gold: #c8a26b;
  --gold-deep: #c8a26b;
  --sand: #e7d9c3;
  --peach: #f2c8b2;
  --ivory: #faf6f1;
  --cream: var(--ivory);
  --paper: #fffdf9;
  --ink: var(--charcoal);
  --muted: #6a6158;
  --line: rgba(13, 13, 13, 0.12);
  --glass: rgba(250, 246, 241, 0.72);
  --shadow: 0 24px 60px rgba(13, 13, 13, 0.1);
  --radius: 1.35rem;
  --font-display: "Playfair Display", "Times New Roman", serif;
  --font-body: Inter, "Segoe UI", sans-serif;
  --max: 72rem;
  --header: 4.25rem;
}

@media (min-width: 900px) {
  :root {
    --header: 5rem;
  }
}