:root {
  --color-ink: #1a1714;
  --color-ink-soft: #3d3832;
  --color-muted: #7a736a;
  --color-line: rgba(26, 23, 20, 0.12);
  --color-cream: #f7f2eb;
  --color-paper: #fbf8f4;
  --color-champagne: #c4a574;
  --color-champagne-deep: #a8895a;
  --color-nude: #d4b5a0;
  --color-white: #ffffff;
  --color-overlay: rgba(18, 15, 12, 0.45);
  --color-overlay-strong: rgba(18, 15, 12, 0.62);

  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-body: "Outfit", "Helvetica Neue", sans-serif;

  --fs-hero: clamp(3.2rem, 8vw, 7.5rem);
  --fs-h1: clamp(2.6rem, 5.5vw, 4.8rem);
  --fs-h2: clamp(2rem, 4vw, 3.4rem);
  --fs-h3: clamp(1.35rem, 2vw, 1.75rem);
  --fs-body: clamp(1rem, 1.15vw, 1.125rem);
  --fs-small: 0.8125rem;
  --fs-eyebrow: 0.72rem;

  --lh-tight: 1.05;
  --lh-body: 1.65;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --space-2xl: 8rem;
  --space-3xl: 11rem;

  --container: min(1180px, calc(100% - 3rem));
  --container-wide: min(1400px, calc(100% - 2.5rem));
  --header-h: 5.25rem;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --duration: 0.55s;

  --shadow-soft: 0 24px 60px rgba(26, 23, 20, 0.12);
  --radius: 2px;
}