:root {
    /* Primary Colors - Blue Theme */
    --primary-color: #0ea5e9;
    --primary-light: #38bdf8;
    --primary-dark: #0284c7;
    
    /* Secondary Colors */
    --secondary-color: #0c4a6e;
    
    /* Background Colors */
    --white: #ffffff;
    --border-color: #e5e7eb;
    
    /* Text Colors */
    --text-dark: #1f2937;
    --text-light: #6b7280;
    
    /* Gradient Backgrounds */
    --gradient-bg: linear-gradient(135deg, #0c4a6e 0%, #075985 50%, #082f49 100%);
    --shape-bg: rgba(14, 165, 233, 0.15);
    
    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
    
    /* Input Focus */
    --input-focus-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1);
    
    /* Error Colors */
    --error-bg: #fee2e2;
    --error-color: #dc2626;
    
    /* Animation Colors */
    --anim-bg1: 12, 74, 110;
    --anim-bg2: 7, 89, 133;
    --anim-bg3: 8, 47, 73;
    --anim-dust: 14, 165, 233;
    --anim-core1: 56, 189, 248;
    --anim-core2: 14, 165, 233;
    --anim-core3: 2, 132, 199;
    --anim-bright: 56, 189, 248;
    --anim-normal: 14, 165, 233;
    
    /* RGB values for calculations */
    --primary-color-rgb: 14, 165, 233;
    
    /* Stat Icon Colors */
    --stat-blue-bg: rgba(var(--primary-color-rgb), 0.1);
    --stat-blue-color: var(--primary-color);
    --stat-green-bg: rgba(34, 197, 94, 0.1);
    --stat-green-color: #22c55e;
    --stat-purple-bg: rgba(168, 85, 247, 0.1);
    --stat-purple-color: #a855f7;
    --stat-orange-bg: rgba(249, 115, 22, 0.1);
    --stat-orange-color: #f97316;
    
    /* Stat Icon Colors - Blue Theme (Cyan to Sky variations) */
    --stat-icon1-bg: rgba(14, 165, 233, 0.1);
    --stat-icon1-color: #0ea5e9;
    --stat-icon2-bg: rgba(56, 189, 248, 0.1);
    --stat-icon2-color: #38bdf8;
    --stat-icon3-bg: rgba(6, 182, 212, 0.1);
    --stat-icon3-color: #06b6d4;
    --stat-icon4-bg: rgba(8, 145, 178, 0.1);
    --stat-icon4-color: #0891b2;
    
    /* Badge Colors */
    --badge-admin-bg: rgba(var(--primary-color-rgb), 0.1);
    --badge-admin-color: var(--primary-color);
    --badge-success-bg: rgba(34, 197, 94, 0.1);
    --badge-success-color: #22c55e;
    --badge-warning-bg: rgba(251, 146, 60, 0.1);
    --badge-warning-color: #fb923c;
    
    /* Action Button Colors */
    --btn-view-bg: var(--primary-light);
    --btn-view-border: var(--primary-light);
    --btn-delete-bg: #dc2626;
    --btn-delete-border: #dc2626;
    
    /* Modal Colors */
    --modal-danger-icon-bg: linear-gradient(135deg, rgba(220, 38, 38, 0.15), rgba(220, 38, 38, 0.08));
    --modal-danger-color: #dc2626;
    --modal-header-bg: linear-gradient(to bottom, rgba(220, 38, 38, 0.02), transparent);
    --modal-title-gradient: linear-gradient(135deg, #1e293b, #475569);
    
    /* Notification Colors */
    --notification-error-border: #dc2626;
    --notification-error-bg: linear-gradient(to right, rgba(220, 38, 38, 0.08), var(--white));
    --notification-error-icon-bg: linear-gradient(135deg, rgba(220, 38, 38, 0.2), rgba(220, 38, 38, 0.1));
    --notification-error-icon-color: #dc2626;
    --notification-error-progress: #dc2626;
}