:root {
    /* Brand Colors */
    --primary: #0052cc;      /* Medical Blue - Trust */
    --primary-light: #2684ff;
    --primary-dark: #0747a6;
    
    --emergency: #ff3b30;    /* Emergency Red - Alert */
    --emergency-glow: rgba(255, 59, 48, 0.4);
    
    --success: #36b37e;      /* Green - Stable/Prolanis */
    --warning: #ffab00;
    
    /* Neutral / UI Colors */
    --dark: #172b4d;
    --text-lead: #253858;
    --text-muted: #6b778c;
    --light-gray: #f4f5f7;
    --white: #ffffff;
    
    /* Gradients */
    --hero-gradient: linear-gradient(135deg, #0747a6 0%, #0052cc 100%);
    --emergency-gradient: linear-gradient(135deg, #ff3b30 0%, #ff5252 100%);
    
    /* Shadows & Effects */
    --shadow-sm: 0 1px 2px rgba(9, 30, 66, 0.25);
    --shadow-md: 0 4px 6px -1px rgba(9, 30, 66, 0.1), 0 2px 4px -1px rgba(9, 30, 66, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(9, 30, 66, 0.1), 0 4px 6px -2px rgba(9, 30, 66, 0.05);
    --glass-bg: rgba(255, 255, 255, 0.9);
    --glass-border: 1px solid rgba(255, 255, 255, 0.5);
    
    /* Typography */
    --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    
    /* Spacing */
    --container-padding: 2rem;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-full: 9999px;
}