:root {
    --color-ink: #000000;
    --color-card: #FFFFFF;
    --color-paper: #EAEAE8;
    --color-deep: #102F34;
    --color-punch: #FB3B64;
    --color-action: #C83157;
    --color-gold: #FCC539;
    --color-mint: #7BD7A9;
    --color-sky: #73DFF2;

    --font-display: 'Archivo Black', 'Impact', sans-serif;
    --font-body: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --text-xs: 0.8125rem;
    --text-sm: 0.9375rem;
    --text-md: 1.0625rem;
    --text-lg: clamp(1.1875rem, 0.5vw + 1.05rem, 1.375rem);
    --text-xl: clamp(1.625rem, 1.2vw + 1.3rem, 2.125rem);
    --text-2xl: clamp(2.25rem, 3vw + 1.35rem, 3.5rem);

    --track-display: -0.05em;
    --track-tight: -0.03em;
    --track-snug: -0.015em;
    --track-body: 0em;
    --track-loose: 0.01em;

    --track-caps: 0.08em;
    --track-caps-sm: 0.12em;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;

    --rule: 3px;
    --rule-thick: 5px;
    --drop: 7px;
    --radius: 12px;
    --radius-sm: 6px;

    --shadow-pill: 0 0.5rem 1.5rem rgb(0 0 0 / 0.35);

    --dur-fast: 100ms;
    --dur-base: 160ms;
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in: cubic-bezier(0.5, 0, 0.75, 0);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

    --gutter: clamp(1.25rem, 4vw, 3rem);
    --section-y: clamp(4rem, 8vw, 6.5rem);

    --cols: 12;
    --col-gap: clamp(1rem, 2vw, 1.75rem);
    --row-gap: clamp(var(--space-5), 2.5vw, var(--space-8));

    --measure: 34rem;
    --wide: 74rem;
    --tap: 2.75rem;
}