/* ═══════════════════════════════════════════════
   CSS Client — Entreprise Delteil
   Source : https://www.entreprise-lucas-delteil.fr/
   Généré le : 25/05/2026
═══════════════════════════════════════════════ */

/* ── Variables racine ── */
:root {
  --c-primary:   #62ae2f;
  --c-secondary: #1a1208;
  --c-light:     #f5e9c0;
  --c-white:     #ffffff;
  --c-text:      #444444;
  --c-text-muted:#666666;
  --c-bg-light:  #f8f8f8;
  --c-shadow:    0 4px 24px rgba(0,0,0,.08);
}

/* ── Couleurs principales ── */
.color-primary   { color: var(--c-primary); }
.bg-primary      { background-color: var(--c-primary); }
.border-primary  { border-color: var(--c-primary); }

.color-secondary { color: var(--c-secondary); }
.bg-secondary    { background-color: var(--c-secondary); }

.color-light     { color: var(--c-light); }
.bg-light        { background-color: var(--c-light); }

/* ── Boutons ── */
.btn-primary {
  background-color: var(--c-primary);
  color: var(--c-white);
  border: 2px solid var(--c-primary);
  border-radius: 8px;
  padding: 12px 28px;
  font-weight: 600;
  cursor: pointer;
  transition: .2s;
}
.btn-primary:hover {
  background-color: var(--c-white);
  color: var(--c-primary);
}
.btn-outline {
  background-color: transparent;
  color: var(--c-primary);
  border: 2px solid var(--c-primary);
  border-radius: 8px;
  padding: 12px 28px;
  font-weight: 600;
  cursor: pointer;
  transition: .2s;
}
.btn-outline:hover {
  background-color: var(--c-primary);
  color: var(--c-white);
}

/* ── Titres ── */
h1, h2, h3 { color: var(--c-secondary); }
a           { color: var(--c-primary); }
a:hover     { opacity: .85; }

/* ── Sections alternées ── */
.section-light { background-color: var(--c-light); }
.section-dark  { background-color: var(--c-secondary); color: var(--c-white); }

/* ── Compatibilité Elementor (si utilisé) ── */
:root {
  --e-global-color-color_1: #62ae2f;
  --e-global-color-color_2: #1a1208;
  --e-global-color-color_3: #f5e9c0;
}