/* ===================================
   FRONTEND THEME - Bleu dominant / Orange CTA
   Override des variables pour le site public uniquement
   Backend non affecté (ne charge pas ce fichier)
   =================================== */

:root {
    /* Bleu dominant - backgrounds et grandes surfaces */
    --bg-gradient: linear-gradient(135deg, #30a8db 0%, #2596be 50%, #1a7db8 100%);
    --bg-light: #eef6fc;
    --bg-dark: #0d3b5c;

    /* Orange - icônes et boutons CTA (inchangé) */
    --brand-primary: #ff6900;
    --brand-primary-light: #ff8533;
    --brand-primary-dark: #e55f00;

    /* Bleu - accents secondaires */
    --brand-secondary: #30a8db;
}

/* Header avec fond bleu clair */
.header {
    background: var(--bg-light);
}

/* Charte design : pas d'ombres, border-radius 10px, CTA plein */
.card,
.service-card,
.testimonial-card,
.faq-item,
.tech-logo,
.visual-card,
.process-card,
.why-seo-card,
.pricing-card,
.blog-card,
.project-card {
    box-shadow: none !important;
    border-radius: 10px !important;
}

.btn--primary,
.btn--outline:hover,
.cta-section .btn,
.nav__cta .btn {
    border-radius: 10px !important;
}

.btn--primary,
.cta-section .btn,
.nav__cta .btn--primary {
    background: var(--brand-primary) !important;
    color: var(--text-white) !important;
    border: none !important;
}