:root {
    /* Primary Colors - Purple Theme */
    --primary-color: #a855f7;
    --primary-light: #c084fc;
    --primary-dark: #9333ea;
    
    /* Secondary Colors */
    --secondary-color: #581c87;
    
    /* Background Colors */
    --white: #ffffff;
    --border-color: #e5e7eb;
    
    /* Text Colors */
    --text-dark: #1f2937;
    --text-light: #6b7280;
    
    /* Gradient Backgrounds */
    --gradient-bg: linear-gradient(135deg, #581c87 0%, #6b21a8 50%, #3b0764 100%);
    --shape-bg: rgba(168, 85, 247, 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(168, 85, 247, 0.1);
    
    /* Error Colors */
    --error-bg: #fee2e2;
    --error-color: #dc2626;
    
    /* Animation Colors */
    --anim-bg1: 88, 28, 135;
    --anim-bg2: 107, 33, 168;
    --anim-bg3: 59, 7, 100;
    --anim-dust: 168, 85, 247;
    --anim-core1: 192, 132, 252;
    --anim-core2: 168, 85, 247;
    --anim-core3: 147, 51, 234;
    --anim-bright: 192, 132, 252;
    --anim-normal: 168, 85, 247;
    
    /* RGB values for calculations */
    --primary-color-rgb: 168, 85, 247;
    
    /* Stat Icon Colors */
    --stat-blue-bg: rgba(59, 130, 246, 0.1);
    --stat-blue-color: #3b82f6;
    --stat-green-bg: rgba(34, 197, 94, 0.1);
    --stat-green-color: #22c55e;
    --stat-purple-bg: rgba(var(--primary-color-rgb), 0.1);
    --stat-purple-color: var(--primary-color);
    --stat-orange-bg: rgba(249, 115, 22, 0.1);
    --stat-orange-color: #f97316;
    
    /* Stat Icon Colors - Purple Theme */
    --stat-icon1-bg: rgba(168, 85, 247, 0.1);
    --stat-icon1-color: #a855f7;
    --stat-icon2-bg: rgba(192, 132, 252, 0.1);
    --stat-icon2-color: #c084fc;
    --stat-icon3-bg: rgba(147, 51, 234, 0.1);
    --stat-icon3-color: #9333ea;
    --stat-icon4-bg: rgba(126, 34, 206, 0.1);
    --stat-icon4-color: #7e22ce;
    
    /* 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, #581c87, #6b21a8);
    
    /* 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;
}