/* static/css/variables.css */
:root {
    /* --- Medical Minimalist Palette --- */
    /* Primary: Teal (Professional & Calming) */
    --primary: #0D9488; 
    --primary-hover: #0F766E;
    
    /* Secondary: Navy (Trust & Text) */
    --secondary: #1E293B; 
    --secondary-light: #475569;
    
    /* Accent: Soft Coral (CTA & Highlights) */
    --accent: #FB7185; 
    --accent-hover: #F43F5E;
    
    /* Backgrounds */
    --bg-main: #F8FAFC; /* Slate-50: Very subtle grey-white */
    --bg-card: #FFFFFF;
    --bg-light: #F1F5F9;
    
    /* Borders & Dividers */
    --border-light: #E2E8F0;
    
    /* Typography */
    --text-dark: #0F172A;
    --text-light: #64748B;
    --primary-font: 'Vazirmatn', sans-serif;
    --heading-font: 'Vazirmatn', sans-serif; /* Unified font */
    
    /* Shadows (Soft & Modern) */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    
    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-pill: 9999px;

    /* --- Bootstrap Overrides --- */
    --bs-primary: var(--primary);
    --bs-primary-rgb: 13, 148, 136;
    --bs-body-bg: var(--bg-main);
    --bs-body-color: var(--text-dark);
    --bs-border-radius: var(--radius-sm);
    --bs-border-radius-lg: var(--radius-md);
}