/* Light Theme (Creator Mode) */

body.light-theme {
    background: #f8f9fa !important;
    color: #1a1a1a !important;
}

body.light-theme .navbar {
    background: rgba(255, 255, 255, 0.9) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

body.light-theme .nav-logo,
body.light-theme .nav-links a {
    color: #1a1a1a !important;
}

/* 
   NOTE: Les styles des boutons Creator/Sales sont gérés dans styles.css
   pour garantir des tailles identiques.
   Ce fichier ne contient que les overrides de couleurs pour le thème clair.
*/

/* Assurer que les liens de nav gardent la bonne couleur en mode clair */
body.light-theme .nav-links a {
    color: #1a1a1a !important;
}

/* Bouton Connexion (btn-ghost) visible en mode clair */
body.light-theme .btn-ghost {
    color: #1a1a1a !important;
    background: transparent !important;
}

body.light-theme .btn-ghost:hover {
    color: #000000 !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

body.light-theme .hero {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
}

body.light-theme .hero-title {
    color: #1a1a1a !important;
}

body.light-theme .hero-eyebrow {
    color: #6c757d !important;
}

body.light-theme .hero-desc {
    color: #495057 !important;
}

body.light-theme .text-gradient {
    background: linear-gradient(135deg, #7c5cfc 0%, #ff6b6b 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

body.light-theme .btn-outline {
    border-color: #1a1a1a !important;
    color: #1a1a1a !important;
}

body.light-theme .btn-outline:hover {
    background: #1a1a1a !important;
    color: #ffffff !important;
}

body.light-theme .btn-primary {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border: none !important;
}

body.light-theme .btn-primary:hover {
    background: #333333 !important;
}

body.light-theme .section {
    background: #f8f9fa !important;
    color: #1a1a1a !important;
}

body.light-theme .section-title {
    color: #1a1a1a !important;
}

body.light-theme .section-desc {
    color: #6c757d !important;
}

body.light-theme .step-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: #1a1a1a !important;
}

body.light-theme .step-card h3 {
    color: #1a1a1a !important;
}

body.light-theme .step-card p {
    color: #6c757d !important;
}

body.light-theme .step-number {
    background: linear-gradient(135deg, #7c5cfc 0%, #ff6b6b 100%) !important;
    color: #ffffff !important;
}

body.light-theme .pricing-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

body.light-theme .plan-name {
    color: #1a1a1a !important;
}

body.light-theme .price-current {
    color: #1a1a1a !important;
}

body.light-theme .pricing-features li {
    color: #495057 !important;
}

body.light-theme .faq-item {
    border-color: rgba(0, 0, 0, 0.1) !important;
}

body.light-theme .faq-question {
    color: #1a1a1a !important;
}

body.light-theme .faq-answer p {
    color: #6c757d !important;
}

body.light-theme .trusted-label {
    color: #6c757d !important;
}

body.light-theme .trusted-logo {
    color: #adb5bd !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

body.light-theme .footer {
    background: #ffffff !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: #6c757d !important;
}

body.light-theme .footer a {
    color: #495057 !important;
}

body.light-theme .credit-box {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

body.light-theme .credit-box h3 {
    color: #1a1a1a !important;
}

body.light-theme .credit-box p {
    color: #6c757d !important;
}

body.light-theme .check {
    color: #7c5cfc !important;
    font-weight: bold;
}

body.light-theme .btn-lang {
    border-color: rgba(0, 0, 0, 0.2) !important;
    color: #1a1a1a !important;
}