:root {
    --font-sans: "IBM Plex Sans", system-ui, sans-serif;
    --font-serif: "Literata", Georgia, serif;

    --space-2xs: 0.35rem;
    --space-xs: 0.5rem;
    --space-sm: 0.8rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2.25rem;
    --space-2xl: 3.5rem;
    --space-3xl: 5.25rem;

    --radius-sm: 0.95rem;
    --radius-md: 1.1rem;
    --radius-lg: 1.75rem;
    --radius-xl: 2rem;
    --radius-pill: 999px;

    --container-page: 1180px;
    --container-hero: 1320px;

    --motion-fast: 160ms ease;
    --motion-base: 180ms ease;
    --motion-slow: 420ms ease;

    --breakpoint-compact: 720px;
    --breakpoint-nav: 900px;
    --breakpoint-wide: 1080px;

    --edu-radius-sm: var(--radius-sm);
    --edu-radius-md: var(--radius-md);
    --edu-radius-lg: var(--radius-lg);
    --edu-space-xs: var(--space-2xs);
    --edu-space-sm: var(--space-sm);
    --edu-space-md: var(--space-md);
    --edu-space-lg: var(--space-lg);
    --edu-space-xl: var(--space-xl);
    --edu-space-2xl: var(--space-2xl);
    --edu-space-3xl: var(--space-3xl);
}