/* tokens.css - Clinical/Editorial Aesthetic */
:root {
    /* Palette: Navy, Crimson, Bone/Paper, Slate */
    --color-navy: #0A192F;
    --color-navy-light: #112240;
    --color-crimson: #D92332;
    --color-crimson-dark: #A91D26;
    --color-bone: #F7F5F0;
    --color-bone-dark: #EAE6DD;
    --color-slate: #8892B0;
    --color-white: #FFFFFF;
    --color-black: #050505;

    /* Typography */
    --font-display: 'Lora', serif;
    --font-ui: 'Public Sans', sans-serif;

    /* Font Sizes (Modular Scale) */
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1.125rem;
    --text-lg: 1.35rem;
    --text-xl: 1.75rem;
    --text-2xl: 2.25rem;
    --text-3xl: 3.5rem;
    --text-4xl: 4.5rem;

    /* Line Heights */
    --lh-tight: 1.1;
    --lh-base: 1.6;
    --lh-loose: 1.8;

    /* Spacing */
    --space-2: 0.5rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-24: 6rem;
    --space-32: 8rem;

    /* Layout */
    --container-max: 1200px;
    --content-max: 760px;

    /* Radii & Borders - Sharp edges preferred for clinical/editorial */
    --radius-sm: 2px;
    --border-thin: 1px solid var(--color-navy);
    --border-light: 1px solid var(--color-bone-dark);
}

@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/fonts/Lora-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/assets/fonts/Lora-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Public Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/fonts/PublicSans-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Public Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/assets/fonts/PublicSans-Bold.woff2') format('woff2');
}