/* --- Root Variables for Dynamic Colors --- */
:root {
    --primary-color: #000000;
    --secondary-color: #0077b3;
    --hero-overlay-color: rgba(44, 42, 74, 0.6);
}

/* --- Base Body and Element Styles --- */
body {
    background-color: #2c2a4a;
    color: #eadaff;
}

    /* --- Glassmorphism Styles (for other themes) --- */
    .glass-card, .main-header, .main-footer, .dashboard-sidebar, .dashboard-header, .content-card {
        background: rgba(78, 52, 114, 0.2);
        border: 1px solid rgba(255, 255, 255, 0.2);
        color: #eadaff;
        box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
    }
    .form-group input, .form-group textarea, .form-group select, #coupon-code {
        background: rgba(78, 52, 114, 0.2) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
    }

/* --- BUTTON STYLES (THE FIX IS HERE) --- */
    /* --- Glassmorphism / Default Button Styles --- */
    .btn-primary {
        background-color: var(--primary-color);
        color: white;
        border: 1px solid var(--primary-color);
    }
    .btn-primary:hover {
        background-color: var(--secondary-color);
        border-color: var(--secondary-color);
    }
    .btn-secondary {
        background-color: transparent;
        border: 1px solid var(--primary-color);
        color: var(--primary-color);
    }
    .btn-secondary:hover {
        background-color: var(--primary-color);
        color: white;
    }
    .btn-cta {
        background-color: #000000;
        color: #ffffff;
        border: 2px solid #000000;
        animation: pulse 2s infinite;
    }
    .btn-cta:hover { background-color: #333333; }

/* --- Dynamic Text Color Adjustments --- */

/* For elements that should always be light (e.g., on solid color cards) */
.feature-card h3, .feature-card p {
    color: #ffffff !important;
}

/* --- Dynamic Text, Input and Hero Styles --- */
.hero-content h1, .hero-content p {
    color: #f0f0f0;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);
}
.logo, .nav-links a, .content-section h2, .success-banner h3, 
.sidebar-header .logo, .sidebar-nav a, .header-title, .notification-bell {
    color: #eadaff;
}
.stat-card p, .mentor-card p, .contact-card p, .form-group label, .summary-stat-small .stat-label,
.slide p, .video-info p {
    color: #ab9fbe;
}
.nav-links a:hover, .sidebar-nav a:hover, .playlist-item:hover, .cancel-link:hover {
    color: var(--primary-color) !important;
}
.form-group input, .form-group textarea, .form-group select {
    color: #eadaff !important;
}
::placeholder {
  color: #ab9fbe;
  opacity: 0.8;
}