:root {
    --color-ink: #182527;
    --color-ink-soft: #586466;
    --color-navy: #173236;
    --color-navy-light: #24464a;
    --color-cream: #f7f4ee;
    --color-paper: #fffdf9;
    --color-sand: #e9ddcc;
    --color-sand-light: #f1e9de;
    --color-terracotta: #c45a38;
    --color-terracotta-dark: #9f4228;
    --color-olive: #768167;
    --color-olive-dark: #4d5a43;
    --color-gold: #d89a46;
    --color-sea: #4d8589;
    --color-white: #ffffff;
    --color-border: rgba(24, 37, 39, 0.12);
    --color-shadow: rgba(18, 38, 41, 0.12);
    --font-display: "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;
    --font-body: "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;
    --font-wordmark: Georgia, "Times New Roman", serif;
    --step--1: clamp(0.78rem, 0.75rem + 0.13vw, 0.88rem);
    --step-0: clamp(0.98rem, 0.94rem + 0.17vw, 1.08rem);
    --step-1: clamp(1.16rem, 1.07rem + 0.38vw, 1.42rem);
    --step-2: clamp(1.42rem, 1.22rem + 0.82vw, 1.98rem);
    --step-3: clamp(1.8rem, 1.43rem + 1.5vw, 2.85rem);
    --step-4: clamp(2.35rem, 1.7rem + 2.65vw, 4.15rem);
    --step-5: clamp(3rem, 1.95rem + 4.2vw, 5.9rem);
    --space-1: 0.375rem;
    --space-2: 0.625rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2rem;
    --space-6: 3rem;
    --space-7: 4.5rem;
    --space-8: 6.5rem;
    --space-9: 8.5rem;
    --radius-sm: 0.75rem;
    --radius-md: 1.15rem;
    --radius-lg: 1.6rem;
    --radius-xl: 2.25rem;
    --radius-pill: 999px;
    --shadow-sm: 0 10px 30px rgba(18, 38, 41, 0.08);
    --shadow-md: 0 24px 70px rgba(18, 38, 41, 0.14);
    --shadow-float: 0 20px 60px rgba(18, 38, 41, 0.18);
    --container: 80rem;
    --container-narrow: 48rem;
    --header-height: 5rem;
    --transition: 220ms cubic-bezier(0.2, 0.7, 0.2, 1);
}