:root {
    --color-white: #ffffff;
    --color-canvas: #ffffff;
    --color-surface: #f3f3f1;
    --color-surface-strong: #e7e7e3;
    --color-line: #cacac5;
    --color-ink: #20201e;
    --color-muted: #6b6b66;
    --color-soft-ink: #393936;
    --color-focus: #2156a6;

    --font-sans: Inter, "Avenir Next", avenir, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;
    --font-display: var(--font-sans);

    --type-meta: 0.75rem;
    --type-body: 1rem;
    --type-lead: 1.25rem;
    --type-heading-sm: 1.875rem;
    --type-heading-md: clamp(2.5rem, 5vw, 4.75rem);
    --type-heading-lg: clamp(3.5rem, 8vw, 8rem);
    --type-hero: 4.5rem;
    --type-hero-mobile: 8.75vw;

    --line-tight: 0.98;
    --line-heading: 1.08;
    --line-body: 1.5;

    --space-1: 0.5rem;
    --space-2: 0.75rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2rem;
    --space-6: 3rem;
    --space-7: 5.5rem;
    --space-8: 8rem;

    --container-readable: 48rem;
    --container-wide: 90rem;
    --gutter: clamp(1rem, 3vw, 2.5rem);
    --border-width: 1px;
    --radius-none: 0;

    --duration-fast: 180ms;
    --duration-base: 280ms;
    --ease-standard: cubic-bezier(0.2, 0.65, 0.3, 0.9);
}