:root {
  --black: #0b0b0b;
  --charcoal: #171717;
  --ink: #24231f;
  --ivory: #f4f1ea;
  --bone: #e9e3d7;
  --paper: #fbfaf7;
  --white: #ffffff;
  --gold: #e4ad25;
  --gold-dark: #a87a16;
  --muted: #706e68;
  --line: rgba(20, 20, 18, 0.15);
  --line-light: rgba(255, 255, 255, 0.18);
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-sans: "Manrope", "Segoe UI", sans-serif;
  --container: min(100% - 64px, 1440px);
  --container-narrow: min(100% - 64px, 1120px);
  --header-h: 92px;
  --section-y: clamp(88px, 10vw, 168px);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --shadow: 0 24px 70px rgba(10, 10, 10, 0.12);
}

@media (max-width: 767px) {
  :root {
    --container: min(100% - 36px, 1440px);
    --container-narrow: min(100% - 36px, 1120px);
    --header-h: 74px;
    --section-y: 82px;
  }
}