/**
 * Design tokens — "Clinical Trust" visual system.
 *
 * This file defines CSS custom properties only. Components live in
 * app.css / rtl.css; nothing here should emit rendered styles beyond
 * the color-scheme hint.
 */
:root {
    color-scheme: light;

    /* ---------- Color ---------- */
    --ink: #0B1B2B;
    --medical-blue: #1257A6;
    --blue-600: #0E4C93;
    --blue-400: #5B9BD5;
    --blue-50: #EAF2FB;
    --heart-red: #E23744;
    --surface: #FFFFFF;
    --canvas: #F7F9FC;
    --line: #E6ECF3;
    --muted: #5F7189;
    --success: #16A34A;
    --success-bg: #E9F9EE;
    --warn: #D97706;
    --warn-bg: #FDF3E4;

    --gradient-hero: linear-gradient(135deg, #0B1B2B 0%, #1257A6 100%);

    /* ---------- Radius ---------- */
    --radius-card: 16px;
    --radius-pill: 999px;
    --radius-sm: 10px;

    /* ---------- Shadow ---------- */
    --shadow: 0 1px 3px rgba(11, 27, 43, .06), 0 8px 24px rgba(11, 27, 43, .06);

    /* ---------- Spacing scale ---------- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

    /* ---------- Motion ---------- */
    --ease: cubic-bezier(.4, 0, .2, 1);
    --duration: 180ms;

    /* ---------- Fluid type scale ---------- */
    --fs-display: clamp(3rem, 2.3rem + 3vw, 4rem);       /* 48–64px */
    --fs-h1: clamp(2.125rem, 1.85rem + 1.3vw, 2.5rem);    /* 34–40px */
    --fs-h2: clamp(1.375rem, 1.28rem + .4vw, 1.625rem);   /* 22–26px */
    --fs-h3: clamp(1.125rem, 1.07rem + .2vw, 1.25rem);    /* 18–20px */
    --fs-body: 1rem;                                       /* 16px */
    --fs-small: .875rem;                                   /* 14px */

    --lh-heading: 1.1;
    --lh-body: 1.65;
}