/*
|--------------------------------------------------------------------------
| Typography System
|--------------------------------------------------------------------------
*/

:root {

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-md: 1.125rem;
    --text-lg: 1.5rem;
    --text-xl: 2.25rem;
    --text-2xl: 3rem;

    --lh-tight: 1.1;
    --lh-base: 1.5;
    --lh-relaxed: 1.7;
}

/*
|--------------------------------------------------------------------------
| Global Typography Defaults
|--------------------------------------------------------------------------
*/

body {
    font-family: Inter, system-ui, sans-serif;
    font-size: var(--text-base);
    line-height: var(--lh-base);
    letter-spacing: -0.01em;
}

h1, h2, h3, h4 {
    line-height: var(--lh-tight);
    letter-spacing: -0.02em;
}

p {
    line-height: var(--lh-relaxed);
}