/* =========================================================
   KADI CONSULTING SARL — Charte graphique web
   À intégrer en tête de la feuille de style principale.
   ========================================================= */

:root {
  /* --- Couleurs principales --- */
  --kadi-marine:        #1F3864;  /* Bleu marine : en-tête, pied de page, sections fortes */
  --kadi-or:            #C9A227;  /* Or : boutons, accents, liens, icônes */
  --kadi-anthracite:    #2D2D2D;  /* Gris anthracite : texte courant, logo */
  --kadi-taupe:         #8A7D76;  /* Taupe : sous-titres, bordures */
  --kadi-taupe-clair:   #9C8F88;  /* Taupe clair : séparateurs, textes secondaires */
  --kadi-creme:         #F5F0E6;  /* Crème : fond des pages, texte sur bleu marine */

  /* --- Variantes d'interaction --- */
  --kadi-or-survol:     #B38E1F;  /* Or plus foncé au survol des boutons */
  --kadi-marine-survol: #172B4D;  /* Marine plus foncé au survol */

  /* --- Typographie --- */
  --kadi-police: "Book Antiqua", "Palatino Linotype", Palatino, "URW Palladio L", serif;
}

/* --- Base --- */
body {
  margin: 0;
  background: var(--kadi-creme);
  color: var(--kadi-anthracite);
  font-family: var(--kadi-police);
  line-height: 1.6;
}

h1, h2, h3 {
  font-family: var(--kadi-police);
  color: var(--kadi-marine);
}

h4, h5, h6, .sous-titre {
  color: var(--kadi-taupe);
}

a {
  color: var(--kadi-marine);
  text-decoration-color: var(--kadi-or);
}
a:hover { color: var(--kadi-or-survol); }

/* --- En-tête et pied de page --- */
header, footer, .section-marine {
  background: var(--kadi-marine);
  color: var(--kadi-creme);
}
header a, footer a, .section-marine a { color: var(--kadi-or); }

/* --- Bandeau or (pour le logo en vraies couleurs) --- */
.bandeau-or {
  background: var(--kadi-or);
  color: var(--kadi-anthracite);
}

/* --- Boutons --- */
.btn {
  display: inline-block;
  padding: 0.75em 1.6em;
  border-radius: 4px;
  font-family: var(--kadi-police);
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease;
}
.btn-principal {               /* « S'inscrire », « Nous contacter » */
  background: var(--kadi-or);
  color: var(--kadi-marine);
  border: none;
}
.btn-principal:hover { background: var(--kadi-or-survol); }

.btn-secondaire {              /* bouton contour */
  background: transparent;
  color: var(--kadi-marine);
  border: 2px solid var(--kadi-marine);
}
.btn-secondaire:hover {
  background: var(--kadi-marine);
  color: var(--kadi-creme);
}

/* --- Cartes (formations, services) --- */
.carte {
  background: #FBF8F2;
  border: 1px solid var(--kadi-taupe-clair);
  border-top: 4px solid var(--kadi-or);
  border-radius: 6px;
  padding: 1.5em;
}

/* --- Séparateur --- */
hr {
  border: none;
  border-top: 1px solid var(--kadi-taupe-clair);
}

/* =========================================================
   Règles d'usage
   - Logo : toujours dans ses vraies couleurs (anthracite + taupe),
     sur fond crème ou sur le bandeau or — jamais sur le bleu marine direct.
   - Texte sur bleu marine : crème. Accents sur bleu marine : or.
   - Pas de fond blanc pur : utiliser le crème.
   - Rendu attendu : sobre et haut de gamme.
   ========================================================= */