/* templates/style.css — structure du thème (les couleurs de marque sont dans theme.css, généré). */
:root{
  --cl-text:#2B2B2B;
  --cl-bg-soft:#F6F8F7;
  --bs-body-color:var(--cl-text);
  --bs-link-color:var(--cl-green-dark);
  --bs-link-hover-color:var(--cl-green-dark);
  --bs-body-font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
body{color:var(--cl-text)}
h1,h2,h3,h4,.cl-serif{font-family:Georgia,"Times New Roman",serif;color:var(--cl-green-dark);line-height:1.2}
a{text-decoration:none;color:var(--cl-green-dark)}
a:hover{text-decoration:underline;color:var(--bs-primary)}

/* Navbar */
.navbar.cl-nav{background:#fff;border-bottom:1px solid #e7ece9}
.cl-nav .navbar-brand{font-family:Georgia,serif;font-weight:700;color:var(--cl-green-dark);font-size:1.4rem}
.cl-nav .nav-link{color:var(--cl-text);font-weight:600}
.cl-nav .nav-link:hover,.cl-nav .nav-link.active{color:var(--bs-primary)}

/* Boutons */
.btn-primary{--bs-btn-bg:var(--bs-primary);--bs-btn-border-color:var(--bs-primary);--bs-btn-hover-bg:var(--cl-green-dark);--bs-btn-hover-border-color:var(--cl-green-dark)}
.btn-accent{--bs-btn-color:#3a2a00;--bs-btn-bg:var(--cl-gold);--bs-btn-border-color:var(--cl-gold);--bs-btn-hover-bg:var(--cl-gold-dark);--bs-btn-hover-border-color:var(--cl-gold-dark);color:#3a2a00}

/* Hero */
.cl-hero{background:linear-gradient(120deg,var(--cl-green-dark),var(--bs-primary));color:#fff}
.cl-hero h1{color:#fff}
.cl-hero .lead{color:rgba(255,255,255,.92)}
.cl-hero--image{position:relative;background-size:cover;background-position:center}
.cl-hero--image::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,0,0,.55),rgba(0,0,0,.35))}
.cl-hero--image > .container{position:relative;z-index:1}

/* Colonne éditoriale */
.cl-prose{max-width:720px}
.cl-prose h2{margin-top:2.2rem}
.cl-prose h3{margin-top:1.6rem;color:var(--cl-text)}
.cl-prose p,.cl-prose li{font-size:1.05rem;line-height:1.7}
.cl-prose img{max-width:100%;height:auto;border-radius:10px;margin:1.2rem 0}
.cl-prose blockquote{border-left:4px solid var(--bs-primary);background:var(--cl-bg-soft);padding:1rem 1.2rem;border-radius:0 10px 10px 0;font-style:italic}

/* Section claire */
.cl-soft{background:var(--cl-bg-soft)}
.cl-tag{color:var(--cl-green-dark);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-family:var(--bs-body-font-family)}

/* Footer — minimal, fond rouge foncé */
.cl-footer{background:#7A1813;color:rgba(255,255,255,.85)}
.cl-footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:.75rem}
.cl-footer__links a{color:#fff;text-decoration:none;font-weight:600}
.cl-footer__links a:hover{color:#fff;text-decoration:underline}
.cl-footer__copy{text-align:center;font-size:.85rem;color:rgba(255,255,255,.6)}

/* Liste d'articles (accueil) — cards Bootstrap, tonalités du site */
.cl-article-card{border:1px solid #e7ece9;border-radius:14px;transition:transform .15s ease,box-shadow .15s ease}
.cl-article-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.10)}
.cl-article-card .card-title{font-size:1.3rem;margin-bottom:.5rem}
.cl-article-card .card-title a{color:var(--bs-primary)}
.cl-article-card:hover .card-title a{color:var(--cl-green-dark)}
.cl-article-card .card-text{color:#5a6560}