:root{
--primary:#1c2a49;
--secondary:#cdad74;
--white:#ffffff;
--black:#000000;
}

/* BASE */

body{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height:1.6;
color:var(--black);
background:#fff;
}

.text-secondary{
    color:#cdad74!important
}

/* NAVBAR */

.navbar{
background:var(--primary);
}

.navbar .nav-link{
color:#fff;
font-weight:500;
transition:0.3s;
}

.navbar .nav-link:hover{
color:var(--secondary);
}

.navbar .navbar-brand{
color:#fff;
}

.navbar-toggler{
border-color:rgba(255,255,255,0.4);
}

.navbar-toggler-icon{
filter:invert(1);
}

/* bouton navbar */

.navbar .btn-secondary{
background:var(--secondary);
border:none;
color:#000;
font-weight:600;
}

.navbar .btn-secondary:hover{
background:#d8ad5c;
}


/* HERO */

.hero-section{
background:var(--secondary);
min-height:80vh;
padding:120px 0;
color:#000;
}

.hero-section h1{
font-weight:700;
}

.hero-section .btn-primary{
background:var(--primary);
border:none;
color:#fff;
font-weight:600;
}

.hero-section .btn-primary:hover{
background:#14203a;
}


/* SECTIONS */

.section-light{
background:#fff;
}

.section-dark{
background:var(--primary);
color:#fff;
}

/* CARDS */

.card{
border:none;
border-radius:12px;
overflow:hidden;
transition:all .3s ease;
}

.card:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,0.15);
}

.card-title{
color:var(--primary);
font-weight:600;
}

/* TEMOIGNAGES */

#temoignages img{
border:4px solid var(--secondary);
}

/* CONTACT */

#contact h2{
color:var(--primary);
}

/* FOOTER */

footer{
background:var(--primary);
color:#fff;
}

footer small{
opacity:0.8;
}

/* BOUTONS */

.btn-primary{
background:var(--secondary);
border:none;
color:#000;
font-weight:600;
}

.btn-primary:hover{
background:#d8ad5c;
color:#000;
}

/* =============================
NUANCES DE SECTIONS
============================= */

.section-light{
background:#ffffff;
}

.section-soft{
background:#f6f3ec;
}

.section-blue-soft{
background:#f3f6fb;
}

.section-grey-soft{
background:#eef1f7;
}

.section-accent{
background:#cdad74;
}

.section-dark{
background:#1c2a49;
color:#fff;
}

.card{
background:#fff;
border:none;
border-radius:12px;
transition:all .3s ease;
box-shadow:0 10px 25px rgba(0,0,0,0.06);
}

.card:hover{
transform:translateY(-6px);
box-shadow:0 15px 40px rgba(0,0,0,0.12);
}

.section-title{
position:relative;
margin-bottom:40px;
}

.section-title::after{
content:"";
width:60px;
height:3px;
background:#cdad74;
display:block;
margin:15px auto 0;
}

.hero-section{
    position: relative;
    min-height:40vh;
    padding: 120px 0;
    background: url("images/hero.png") center/cover no-repeat;
    display:flex;
    align-items:center;
}

/* overlay pour garder l'identité dorée */

.hero-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(235,193,116,0.85); /* #ebc174 avec transparence */
}

/* contenu au-dessus */

.hero-section .container{
    position:relative;
    z-index:2;
}

/* texte */

.hero-section h1{
    font-weight:700;
    color:white;
}

.hero-section p{
    color:white;
}

/* bouton */

.hero-section .btn-primary{
    background:#1c2a49;
    border:none;
    color:#fff;
    font-weight:600;
}

.hero-section .btn-primary:hover{
    background:#14203a;
}

.contact-section{
background:#f3f6fb;
padding:80px 0;
}

.contact-card{
background:white;
border-radius:10px;
padding:40px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.contact-info{
background:#1c2a49;
color:white;
border-radius:10px;
padding:40px;
height:100%;
}

.contact-info h4{
color:#ebc174;
}

.btn-primary{
background:#ebc174;
border:none;
color:black;
font-weight:600;
}

.btn-primary:hover{
background:#d6ab5f;
}

.map-container iframe{
border-radius:10px;
width:100%;
height:300px;
border:0;
}