:root {
            --primary: #8B5CF6;
            --primary-light: #f3e8ff;
            --primary-dark: #7c3aed;
            --primary-gradient: linear-gradient(135deg, #8B5CF6 0%, #7c3aed 100%);
            --secondary: #10b981;
            --secondary-light: #d1fae5;
            --text-dark: #212529;
            --text-light: #64748b;
            --bg-light: #f8fafc;
            --border-color: #e2e8f0;
            --card-shadow: 0 4px 20px rgba(139, 92, 246, 0.12);
            --card-hover-shadow: 0 12px 32px rgba(139, 92, 246, 0.2);
            --bs-primary-rgb:var(--primary);
        }
         body { 
            font-family: 'Inter', sans-serif; 
            color: var(--text-dark);
        }