/* ════════════════════════════════════════════════════════════════════════
   IOF — Base CSS
   Design tokens, reset et utilitaires partagés sur l'ensemble du site
   Référencé par toutes les pages via <link rel="stylesheet" href="/css/iof-base.css">
   ────────────────────────────────────────────────────────────────────────
   Modifier UNE valeur ici impacte automatiquement tout le site
   (sauf pages qui définissent leur propre :root override : dashboard-m0,
    index, module-0-gratuit, audit-360, mini-audit, candidature, quiz)
   ════════════════════════════════════════════════════════════════════════ */

:root{
  /* Couleurs principales — charte IOF */
  --teal:#0D6E7A;
  --teal-lt:#1A9AAA;
  --teal-dk:#0A2E35;

  /* Couleurs accent — or doré */
  --gold:#C4A87A;
  --gold-lt:#EDD898;
  --gold-dk:#9A7840;

  /* Fonds sombres */
  --dark:#060D11;
  --dark-2:#0C1C22;
  --dark-3:#0F2430;

  /* Chairs et off-whites */
  --warm:#EDE8DF;
  --warm-2:#F5F0E8;

  /* Couleurs utilitaires */
  --mute:#9BAAB1;
  --green:#7ED957;
  --red:#E55A4D;

  /* Layout tokens */
  --radius:10px;
  --shadow:0 4px 16px rgba(6,13,17,0.18);
  --shadow-lg:0 18px 48px rgba(6,13,17,0.28);
}

/* Reset minimal partagé */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

/* Utility : texte doré (présent sur quasi toutes les pages dans les titres) */
.gold{color:var(--gold)}