/* ==========================================================================
   Olam Academy — VOS PERSONNALISATIONS
   Ce fichier est chargé APRÈS css/style.css : tout ce que vous écrivez ici
   remplace le style d'origine, sans toucher au fichier principal.
   Pour activer un exemple, retirez les signes /* et */ qui l'entourent.
   Guide complet : docs/06-PERSONNALISATION.md
   ========================================================================== */

/* --- 1. Couleurs, police et tailles (réglages globaux) ------------------- */
/*
:root {
  --night: #0a1a44;        fonds sombres (premier écran, en-têtes, pied de page)
  --ink: #0e1b3d;          couleur des titres
  --blue: #1f5bd8;         liens, icônes, carte « Formations »
  --gold: #f2b01e;         boutons principaux (S'inscrire, Voir les formations)
  --gold-600: #dc9a07;     boutons principaux au survol
  --cyan: #38bdf8;         éléments « terminal »
  --bg: #f5f8fe;           fonds clairs des sections

  --font: "Roboto", "Segoe UI", system-ui, sans-serif;   police du texte
  --font-title: var(--font);                             police des titres

  --fs-body: 1rem;         taille du texte sur mobile (1rem = 16 px)
  --fs-body-large: 1.0625rem;  taille du texte sur ordinateur (17 px)
  --fs-h1: clamp(2.1rem, 1.5rem + 2.6vw, 3.5rem);   grand titre (mini, adaptatif, maxi)
  --fs-h2: clamp(1.6rem, 1.25rem + 1.3vw, 2.3rem);  titres de section
  --fs-h3: 1.1875rem;

  --r: 16px;               arrondi des cartes
  --r-sm: 10px;            arrondi des boutons
}
*/

/* --- 2. Exemple : texte un peu plus grand partout ------------------------- */
/*
:root { --fs-body: 1.0625rem; --fs-body-large: 1.125rem; }
*/

/* --- 3. Exemple : titres moins gras ------------------------------------- */
/*
h1 { font-weight: 700; } h2 { font-weight: 650; }
*/

/* --- 4. Exemple : autre police pour les titres (Google Fonts) ------------ */
/* Ajoutez d'abord la police (voir le guide, étape « Changer de police »), puis :
:root { --font-title: "Poppins", var(--font); }
*/

/* --- 5. Exemple : boutons arrondis en pilule ------------------------------ */
/*
.btn { border-radius: 999px; }
*/

/* --- 6. Exemple : masquer le bouton WhatsApp flottant sur ordinateur ------ */
/*
@media (min-width: 768px) { .action-bar { display: none; } }
*/

/* --- 7. Exemple : sans la fenêtre « terminal » ni la trame de points ----- */
/*
.terminal { display: none; }
.hero, .page-head, .course-head, .site-footer { background-image: none; }
*/