/* tokens.css - Design System Variables */
:root {
    /* Brand Colors (derived from clinical, precise, trustworthy mood) */
    --color-brand: #0d47a1; /* Deep trustworthy blue */
    --color-brand-light: #e3f2fd;
    --color-brand-dark: #002171;

    --color-text: #1c1f23;
    --color-text-light: #4a5568;

    --color-bg: #f8fafc; /* Crisp off-white */
    --color-bg-card: #ffffff;

    --color-danger: #d32f2f;
    --color-danger-light: #ffebee;

    --color-warning: #f57c00;
    --color-warning-light: #fff3e0;

    --color-success: #388e3c;
    --color-success-light: #e8f5e9;

    /* Typography */
    /* Avoid generic Inter/Roboto for display. Using DM Serif Display for headers, Inter for text for crispness where it matters */
    --font-display: 'DM Serif Display', serif;
    --font-text: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

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

    /* Layout */
    --container-width: 1100px;
    --radius-sm: 2px; /* Intentionally sharp/minimalist, avoiding rounded-everything */
    --radius-md: 4px;

    /* Z-index */
    --z-header: 100;
}