:root {
    /* --- Clinical Palette --- */
    /* Neutrals */
    --color-bg-body: #f3f4f6;
    /* Gray 100 */
    --color-bg-surface: #ffffff;
    /* White */
    --color-bg-sidebar: #111827;
    /* Gray 900 */
    --color-border: #d1d5db;
    /* Gray 300 */
    --color-text-main: #111827;
    /* Gray 900 */
    --color-text-muted: #6b7280;
    /* Gray 500 */
    --color-text-inverse: #f9fafb;
    /* Gray 50 */
    /* Gray 50 */
    --color-bg-sidebar-hover: rgba(255, 255, 255, 0.08);
    --color-bg-sidebar-active: var(--color-primary);
    --color-bg-subtle: #f9fafb;
    --color-surface-alt: #f9fafb;
    --color-border-subtle: #e5e7eb;
    --color-overlay-subtle: rgba(0, 0, 0, 0.03);

    /* Brand / Actions */
    --color-primary: #0284c7;
    /* Sky 600 - Clear Blue */
    --color-primary-hover: #0369a1;
    /* Sky 700 */
    --color-danger: #ef4444;
    /* Red 500 */
    --color-warning: #f59e0b;
    /* Amber 500 */
    --color-warning-hover: #d97706;
    --color-success: #10b981;
    /* Emerald 500 */
    --color-danger-hover: #dc2626;

    /* Feedback / Alerts */
    --color-alert-success-bg: #d1fae5;
    --color-alert-success-text: #065f46;
    --color-alert-success-border: #a7f3d0;
    --color-alert-error-bg: #fee2e2;
    --color-alert-error-text: #b91c1c;
    --color-alert-error-border: #fecaca;
    --color-alert-warning-bg: #fef3c7;
    --color-alert-warning-text: #92400e;
    --color-alert-warning-border: #fde68a;
    --color-alert-info-bg: #e0f2fe;
    --color-alert-info-text: #075985;
    --color-alert-info-border: #bae6fd;

    /* Status */
    --color-status-completed-bg: #d4edda;
    --color-status-completed-text: #155724;
    --color-status-pending-bg: #fff3cd;
    --color-status-pending-text: #856404;
    --color-status-cancelled-bg: #f8d7da;
    --color-status-cancelled-text: #721c24;

    /* Badges */
    --color-badge-payment-bg: #d1fae5;
    --color-badge-payment-text: #065f46;
    --color-badge-refund-bg: #fff7ed;
    --color-badge-refund-text: #9a3412;
    --color-badge-cash-bg: #d4edda;
    --color-badge-cash-text: #155724;
    --color-badge-mbank-bg: #d1fae5;
    --color-badge-mbank-text: #065f46;
    --color-badge-bakai-bg: #dbeafe;
    --color-badge-bakai-text: #1e40af;
    --color-badge-mbusiness-bg: #fef9c3;
    --color-badge-mbusiness-text: #854d0e;
    --color-badge-visa-bg: #e0e7ff;
    --color-badge-visa-text: #3730a3;
    --color-badge-operation-bg: #fee2e2;
    --color-badge-operation-text: #991b1b;
    --color-badge-repeat-bg: #fef3c7;
    --color-badge-repeat-text: #b45309;
    --color-badge-note-bg: #e0f2fe;
    --color-badge-note-text: #075985;
    --color-badge-neutral-bg: #e2e8f0;
    --color-badge-neutral-text: #1e293b;

    /* Card header variants */
    --color-card-header-danger-bg: #fef2f2;
    --color-card-header-danger-text: #991b1b;
    --color-card-header-danger-border: #fecaca;
    --color-card-header-warning-bg: #fffbeb;
    --color-card-header-warning-text: #92400e;
    --color-card-header-warning-border: #fcd34d;
    --color-card-header-info-bg: #eff6ff;
    --color-card-header-info-text: #1e40af;
    --color-card-header-info-border: #bfdbfe;

    /* Visit section headers */
    --color-services-header-bg: #e0f2fe;
    --color-services-header-text: #075985;
    --color-medicines-header-bg: #fff3e0;
    --color-medicines-header-text: #b45309;

    /* Payment cards */
    --color-payment-mbank-bg: #d1fae5;
    --color-payment-mbank-border: #10b981;
    --color-payment-mbank-text: #065f46;
    --color-payment-bakai-bg: #dbeafe;
    --color-payment-bakai-border: #3b82f6;
    --color-payment-bakai-text: #1e40af;
    --color-payment-cash-bg: var(--color-bg-surface);
    --color-payment-cash-border: #e5e7eb;
    --color-payment-cash-value: #374151;
    --color-payment-cash-label: #6b7280;
    --color-payment-mbusiness-bg: #fef9c3;
    --color-payment-mbusiness-border: #eab308;
    --color-payment-mbusiness-text: #854d0e;
    --color-payment-expense-bg: #fee2e2;
    --color-payment-expense-border: #ef4444;
    --color-payment-expense-text: #991b1b;

    /* Surface Hierarchy (Material Design 3 inspired) */
    --surface: #f7f9fb;
    --surface-container-low: #f2f4f6;
    --surface-container-lowest: #ffffff;
    --surface-container-high: #eaecef;
    --on-surface: #191c1e;

    /* Shadows & Focus */
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    --shadow-ambient: 0px 12px 32px rgba(25, 28, 30, 0.06);
    --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px var(--color-primary);

    /* Glassmorphism Tokens - Enhanced for True Glass Effect */
    --glass-bg: rgba(255, 255, 255, 0.45);  /* More transparent for better blur visibility */
    --glass-bg-hover: rgba(255, 255, 255, 0.55);
    --glass-bg-strong: rgba(255, 255, 255, 0.65);
    --glass-border: rgba(255, 255, 255, 0.7);  /* Brighter border */
    --glass-border-subtle: rgba(255, 255, 255, 0.4);
    --glass-blur: 28px;  /* Stronger blur */
    --glass-blur-lg: 56px;  /* Much stronger blur */
    --glass-shadow: 0 8px 32px rgba(31, 38, 135, 0.15);  /* Colored shadow */
    --glass-shadow-hover: 0 20px 60px rgba(31, 38, 135, 0.25);
    --glass-shadow-inset: inset 0 1px 1px rgba(255, 255, 255, 0.8);
    --glass-glow-primary: 0 0 40px rgba(2, 132, 199, 0.25);
    --glass-glow-success: 0 0 40px rgba(16, 185, 129, 0.25);
    --glass-glow-danger: 0 0 40px rgba(239, 68, 68, 0.25);
    --color-glass-light-bg: rgba(255, 255, 255, 0.72);
    --color-glass-light-border: rgba(255, 255, 255, 0.80);
    --blur-glass-md: 16px;
    --radius-glass-md: var(--radius-md);
    --shadow-glass: 0 4px 16px rgba(0, 0, 0, 0.05);
    --shadow-glass-lg: 0 8px 24px rgba(0, 0, 0, 0.07);

    /* Spacing & Sizing */
    --space-1: 0.25rem;
    /* 4px */
    --space-2: 0.5rem;
    /* 8px */
    --space-3: 0.75rem;
    /* 12px */
    --space-4: 1rem;
    /* 16px */
    --space-6: 1.5rem;
    /* 24px */

    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 16px;
    --radius-xl: 24px;

    --header-height: 3.5rem;
    /* 56px */
    --sidebar-width: 16rem;
    /* 256px */

    /* Typography */
    --font-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-display: "Manrope", var(--font-system);
    --font-body: "Inter", var(--font-system);
    --font-label: "Inter", var(--font-system);
    --font-sans: var(--font-body);
}