/**
 * Styles pour le mode sombre
 * Ces styles s'appliquent quand la classe .dark-mode est présente sur le body
 */ 
:root {
    /* Couleurs de base */
    --color-primary: #283B1D;
    --color-secondary: #E8D0AE;

    /* Variantes primaires */
    --color-primary-light: #3D5A2C;
    --color-primary-lighter: #547841;
    --color-primary-dark: #1A2612;
    --color-primary-darker: #0F1409;

    /* Variantes secondaires */
    --color-secondary-light: #F0DFC5;
    --color-secondary-lighter: #F6EAD9;
    --color-secondary-dark: #D4B896;
    --color-secondary-darker: #B89B73;

    /* Couleurs neutres */
    --color-white: #FFFFFF;
    --color-gray-50: #FAFAFA;
    --color-gray-100: #F5F5F5;
    --color-gray-200: #E5E5E5;
    --color-gray-300: #D4D4D4;
    --color-gray-400: #A3A3A3;
    --color-gray-500: #737373;
    --color-gray-600: #525252;
    --color-gray-700: #404040;
    --color-gray-800: #262626;
    --color-gray-900: #171717;
    --color-black: #000000;

    /* Couleurs d'état */
    --color-success: #22543D;
    --color-success-light: #38A169;
    --color-warning: #744210;
    --color-warning-light: #DD6B20;
    --color-error: #742A2A;
    --color-error-light: #E53E3E;
    --color-info: #2C5282;
    --color-info-light: #3182CE;

    /* Couleurs de focus (accessibilité) */
    --color-focus: #005FCC;
    --color-focus-outline: rgba(0, 95, 204, 0.4);        

    /* Border-radius */
    --radius-12: 12px;
    --radius-16: 16px;
    --radius-20: 20px;
    /* Fonts */
    --font-family: 'Montserrat', sans-serif;
    /* TYPOGRAPHIE */
    --p-font-size: 16px;
    --li-font-size: 16px;
    /* Desktop */
    --h1-desktop-font-size: 40px;
    --h2-desktop-font-size: 30px;
    --h3-desktop-font-size: 22px;
    --h4-desktop-font-size: 16px;
    /* Tablet */
    --h1-tablet-font-size: 36px;
    --h2-tablet-font-size: 32px;
    --h3-tablet-font-size: 20px;
    --h4-tablet-font-size: 16px;
    /* Mobile */
    --h1-mobile-font-size: 30px;
    --h2-mobile-font-size: 24px;
    --h3-mobile-font-size: 20px;
    --h4-mobile-font-size: 16px;
    /* Arrow et puce */
    --puce-menu: url('/wp-content/themes/starter_aeb/images/puce-menu.svg');
    --fleche-marine: url('/wp-content/themes/starter_aeb/images/fleche-marine.svg');
    --fleche-grise: url('/wp-content/themes/starter_aeb/images/fleche-grise.svg');
    /* Picto coordonnées */
    --email: url('/wp-content/themes/starter_aeb/images/mail.svg');
    --telephone: url('/wp-content/themes/starter_aeb/images/telephone.svg');
    --localisation: url('/wp-content/themes/starter_aeb/images/map.svg');
    --social: url('/wp-content/themes/starter_aeb/images/social.svg');
	
}

/* Styles globaux pour le mode sombre */
body.dark-mode {
    background: linear-gradient(to bottom, #283b1d 500px, #ffffff 500px);
}


/* TYPO */
body.dark-mode header {
    background: var(--color-primary);
    background: repeating-linear-gradient(90deg, var(--color-primary), var(--color-primary) 40px, #49583F 40px, #49583F 68px);
	
}
body.dark-mode #menu-aeb.smallogo {
    background: inherit;
}
body.dark-mode .wrap-nav a {
    color: var(--color-white);
}
body.dark-mode .wrap-nav a:hover {
    color: var(--color-secondary);
}

body.dark-mode h1 {
    color: var(--color-secondary);
}
body.dark-mode h2 {
    color: var(--color-secondary);
}
body.dark-mode h2.h3 {
    color: var(--color-white);
}


body.dark-mode section.hero {
    background: var(--color-primary);
}
body.dark-mode .intro h2 {
    color: var(--color-primary);
}
body.dark-mode section.projects {
    background: var(--color-white);
    /*padding-bottom: 70px;*/	
}
body.dark-mode .projects h2 {
    color: var(--color-primary);
}
body.dark-mode section.projects .goup-resta {
    background: repeating-linear-gradient(90deg, var(--color-primary), var(--color-primary) 40px, #49583F 40px, #49583F 55px);
    background: var(--color-primary);
}
body.dark-mode section.ia-simulation{
    background: var(--color-white);
    /*padding-top: 70px;*/
}
/*body.dark-mode section.ia-simulation .row {
    padding: 0;
}*/
body.dark-mode section#bandeau-contact h2, section#bandeau-contact .cta-text strong {
    color: var(--color-primary);
}
section.about{
    background: var(--color-primary);
}
section.about li::before {
    color: var(--color-secondary);
}
section.about li {
    color: var(--color-white);
}
section.about li strong {
    color: var(--color-secondary);
}
body.dark-mode section.partners h2 {
    color: var(--color-primary);
}

/* PAGE Nos Services */
body.dark-mode .hero-int {
    background: var(--color-primary);
}
body.dark-mode .hero-int * {
    color: var(--color-white);
}
body.dark-mode .hero-int h1 {
    color: var(--color-secondary);
}
body.dark-mode .hero-int .text-center h2.h3 {
    color: var(--color-secondary);
}
body.dark-mode .hero-int .btn-secondary {
    background: var(--color-primary-light);
    border-color: var(--color-primary-light);
    color: var(--color-white);
} 
body.dark-mode .service-section {
    background: var(--color-primary);
}
body.dark-mode .service-section h2{
    color: var(--color-primary);
}
body.dark-mode .service-features {
    background: var(--color-primary-light);
}
body.dark-mode .service-features .feature-item p, body.dark-mode .service-features .feature-item p strong{
    color: var(--color-white);
}
body.dark-mode section.ia-simulation.custom-style .row {
    padding: 36px 20px;
}
/* PAGE À propos */
body.dark-mode .innovation {
    background: var(--color-primary);
}
body.dark-mode .innovation h2{
    color: var(--color-primary);
}
body.dark-mode .expertise {
    background: var(--color-primary);
}
body.dark-mode .expertise h2{
    color: var(--color-primary);
}
body.dark-mode .values {
    background: var(--color-primary);
}
body.dark-mode .values .text-center p{
    color: var(--color-white);
}
/* PAGE Contact */
body.dark-mode section.contact {
    background: var(--color-primary);
}

body.dark-mode footer {
    background: repeating-linear-gradient(90deg, var(--color-primary), var(--color-primary) 40px, #49583F 40px, #49583F 68px);
}