/* =========================
   CHARTE COULEUR O TOUR DU FIL
   ========================= */
:root {
  /* =========================
     FONDS
     ========================= */
  --bg: #faf7f3; /* fond global lin crème */
  --card-bg: #fcf9f5; /* fond des cards / sections */

  /* =========================
     TEXTES
     ========================= */
  --text-primary: #1c1c1c; /* texte principal, noir nuit */
  --text-muted: #4a4a4a; /* texte secondaire / notes */

  /* =========================
     TITRES
     ========================= */
  --title-main: #8b1b1b; /* titres principaux, rouge profond adouci */
  --title-secondary: #a8b9a3; /* titres secondaires, vert sauge harmonieux */

  /* =========================
     BOUTONS / LIENS
     ========================= */
  --btn-bg: #005f73; /* bleu pétrole */
  --btn-bg-alt: #225b63; /* bleu canard alternatif */
  --btn-hover: #9b1c1c; /* rouge profond hover */
  --btn-hover-alt: #ffd700; /* or lumineux hover */

  /* =========================
     BORDURES / ACCENTS
     ========================= */
  --border-accent: #c49a3d; /* or miel, accents et bordures décoratives */
  --border-warm: #c69c6d; /* brun clair, icônes et petits détails */
  --border-muted: #4a4a4a; /* gris foncé, séparateurs utilitaires */

  /* =========================
     ICONES / DECORATIONS
     ========================= */
  --icon-accent: #c49a3d; /* or miel pour icônes et décorations */
  --icon-alt: #d4af37; /* or lumineux secondaire */

  /* =========================
     LIENS / INTERACTIONS
     ========================= */
  --link-color: var(--btn-bg); /* couleur des liens */
  --link-hover: var(--btn-hover); /* couleur au hover */
}