:root {
    --rgb-ink: 20 20 22;
    --rgb-ivory: 248 247 244;
    --rgb-white: 255 255 255;
    --rgb-red: 193 32 38;
    --rgb-gold: 254 199 12;

    --c-white: #ffffff;
    --c-bg: #f8f7f4;
    --c-surface: #ffffff;
    --c-paper-deep: #ece9e2;
    --c-black: #141416;
    --c-dark: #141416;
    --c-dark-deep: #0c0c0e;
    --c-abyss: #010c1c;
    --c-text-main: #141416;
    --c-text-dark: #2c2a29;
    --c-text-muted: #5d5a56;
    --c-text-light: #8c8983;
    --c-red: #c12026;
    --c-red-hover: #9e1419;
    --c-red-dark: #9e1419;
    --c-burgundy: #8e1418;
    --c-red-subtle: rgb(var(--rgb-red) / 0.08);
    --c-gold: #fec70c;
    --c-ok: #3d6b45;
    --c-ok-subtle: rgb(61 107 69 / 0.1);
    --c-warn-subtle: rgb(var(--rgb-gold) / 0.22);

    --c-border: #e6e3da;
    --c-border-strong: #d5d2ca;
    --c-border-light: rgb(var(--rgb-ink) / 0.07);
    --c-ink-subtle: rgb(var(--rgb-ink) / 0.06);
    --c-on-dark: rgb(var(--rgb-ivory));
    --c-on-dark-muted: rgb(var(--rgb-ivory) / 0.72);
    --c-on-dark-faint: rgb(var(--rgb-ivory) / 0.42);
    --c-line-on-dark: rgb(var(--rgb-ivory) / 0.18);

    --bw: 1px;
    --bw-strong: 1.5px;
    --line: var(--bw) solid var(--c-border);
    --line-strong: var(--bw) solid var(--c-border-strong);
    --line-ink: var(--bw) solid var(--c-text-main);
    --line-on-dark: var(--bw) solid var(--c-line-on-dark);
    --focus-ring: 2px solid var(--c-red);

    --radius-0: 0;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-pill: 999px;
    --radius-round: 50%;

    --shadow-sm: 0 4px 20px rgb(var(--rgb-ink) / 0.04);
    --shadow-md: 0 12px 30px rgb(var(--rgb-ink) / 0.1);
    --shadow-lg: 0 16px 44px rgb(var(--rgb-ink) / 0.22);
    --shadow-red: 0 8px 24px rgb(var(--rgb-red) / 0.4);

    --ease-editorial: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
    --dur-fast: 0.2s;
    --dur-base: 0.3s;
    --dur-mid: 0.5s;
    --dur-slow: 0.9s;

    --z-raised: 10;
    --z-header: 100;
    --z-drawer: 99;
    --z-menu: 110;
    --z-overlay: 200;
    --z-pill: 9990;
    --z-cursor: 99999;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --space-block-sm: clamp(20px, 3vh, 32px);
    --space-block: clamp(40px, 6vh, 80px);
    --space-section: clamp(110px, 14vh, 190px);
    --space-section-sm: clamp(80px, 10vw, 140px);

    --font-primary: 'Zalando Sans', sans-serif;
    --font-display: 'Big Shoulders', sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    --fs-hero: clamp(3.6rem, 8.5vw, 10rem);
    --fs-hero-page: clamp(2.6rem, 5.6vw, 6rem);
    --fs-hero-m: clamp(2.7rem, 12.4vw, 4rem);
    --fs-metric: clamp(4.5rem, 7.5vw, 7.5rem);
    --fs-metric-sm: clamp(3.4rem, 6vw, 6.2rem);
    --fs-metric-fit: min(var(--fs-metric), 13vh);
    --fs-metric-m: clamp(2.6rem, 11.5vw, 3rem);
    --fs-title: clamp(2.4rem, 4.2vw, 4.6rem);
    --fs-title-m: clamp(2.3rem, 9.6vw, 3rem);
    --fs-statement-m: clamp(1.5rem, 6.8vw, 2rem);
    --fs-subtitle: clamp(1.7rem, 2.6vw, 2.6rem);
    --fs-subtitle-m: clamp(1.4rem, 6.4vw, 1.9rem);
    --fs-subtitle-sm: clamp(1.4rem, 2vw, 1.9rem);
    --fs-subtitle-sm-m: clamp(1.3rem, 6vw, 1.6rem);
    --fs-quote: clamp(1.8rem, 3.2vw, 2.8rem);
    --fs-lead: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
    --fs-desc: clamp(1.05rem, 1vw + 0.4rem, 1.2rem);
    --fs-body: clamp(0.98rem, 1vw + 0.3rem, 1.1rem);
    --fs-body-m: clamp(0.96rem, 3.2vw, 1.05rem);
    --fs-block: clamp(1.15rem, 2.1vw, 1.75rem);
    --fs-lead-sm: 1.15rem;
    --fs-md: 1rem;
    --fs-base: 18px;
    --fs-body-sm: 0.95rem;
    --fs-link: 0.85rem;
    --fs-label: 0.82rem;
    --fs-caption: 0.72rem;

    --lh-hero: 1.04;
    --lh-metric: 0.88;
    --lh-title: 1.16;
    --lh-subtitle: 1.16;
    --lh-quote: 1.26;
    --lh-snug: 1.3;
    --lh-copy: 1.5;
    --lh-body: 1.65;
    --lh-prose: 1.8;
    --lh-none: 1;

    --tracking-display: -1px;
    --tracking-lead: -0.75px;
    --tracking-body: -0.5px;
    --tracking-caption: -0.3px;
    --tracking-caps: 0.04em;
    --tracking-wide: 0.08em;
    --tracking-label: 0.12em;
    --tracking-eyebrow: 0.16em;
    --tracking-digits: 0.5em;

    --header-height: 80px;
    --container-padding: max(2vw, 20px);
    --container-wide: 1400px;
    --container-medium: 1140px;
    --container-narrow: 820px;
    --container-compact: 680px;
    --measure-lead: 820px;
    --measure-copy: 780px;
    --measure-short: 480px;
}