:root {
    /* Brand */
    --color-ink: #17212b;
    --color-navy: #18354f;
    --color-navy-dark: #102638;
    --color-accent: #187b80;
    --color-accent-dark: #105f63;

    /* Neutrals */
    --color-text: #26333d;
    --color-muted: #65727c;
    --color-border: #dce2e6;
    --color-border-light: #edf0f2;
    --color-surface: #f5f7f8;
    --color-paper: #ffffff;

    /* Status / editorial */
    --color-research: #335f86;
    --color-clinical: #187b80;
    --color-explainer: #765b90;

    /* Typography */
    --font-display: Georgia, "Times New Roman", serif;
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

    /* Type sizes */
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-md: 1.125rem;
    --text-lg: 1.375rem;
    --text-xl: 1.75rem;
    --text-2xl: 2.25rem;
    --text-3xl: 3rem;
    --text-hero: 4rem;

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

    /* Layout */
    --width-article: 760px;
    --width-content: 1180px;
    --width-wide: 1360px;
    --page-padding: 24px;

    /* UI */
    --radius-sm: 3px;
    --radius-md: 6px;
    --transition: 160ms ease;

    /* Shadows */
    --shadow-card: 0 8px 30px rgba(18, 38, 56, 0.07);
}