/*
 * MarketDG - Theme bleu
 * Fichier complementaire : les CSS existants restent intacts.
 * Les couleurs bleues s'appliquent uniquement en mode clair.
 */

:root {
    --dz-blue: #2563eb;
    --dz-blue-hover: #1d4ed8;
    --dz-blue-soft: #eff6ff;
    --dz-blue-border: #bfdbfe;
}

/* ===== Palette bleue - mode clair uniquement ===== */

body:not(.dark-theme) .logo {
    color: #2563eb;
}

body:not(.dark-theme) .logo span {
    color: #1d4ed8;
}

body:not(.dark-theme) .btn-login {
    color: #1d4ed8;
    border-color: #bfdbfe;
}

body:not(.dark-theme) .btn-post,
body:not(.dark-theme) .submit-btn,
body:not(.dark-theme) .contact-btn {
    background-color: #2563eb;
}

body:not(.dark-theme) .btn-post:hover,
body:not(.dark-theme) .submit-btn:hover,
body:not(.dark-theme) .contact-btn:hover {
    background-color: #1d4ed8;
}

body:not(.dark-theme) .nav-container a:hover {
    color: #2563eb;
}

body:not(.dark-theme) .hero {
    background-color: #2563eb;
}

body:not(.dark-theme) .ad-price,
body:not(.dark-theme) .form-bottom-text a {
    color: #2563eb;
}

body:not(.dark-theme) .ad-category,
body:not(.dark-theme) .detail-category {
    color: #1d4ed8;
    background-color: #eff6ff;
}

body:not(.dark-theme) .status-approved,
body:not(.dark-theme) .form-message.success {
    color: #1d4ed8;
    background-color: #eff6ff;
    border-color: #bfdbfe;
}

body:not(.dark-theme) .theme-menu-button {
    color: #2563eb;
}

body:not(.dark-theme) .theme-menu-button:hover {
    background-color: #eff6ff;
}

body:not(.dark-theme) .theme-switch input {
    accent-color: #2563eb;
}

body:not(.dark-theme) .language-choice select:focus {
    border-color: #2563eb;
    outline-color: #2563eb;
}

/* ===== Fin du theme bleu ===== */