/* ============================================
   FICHIER DE CONFIGURATION — ASM Coaching
   ============================================
   Modifiez les valeurs ci-dessous pour changer
   l'apparence du site facilement.
   ============================================ */

:root {

    /* ── COULEURS PRINCIPALES ────────────────── */

    /* Fond principal (bleu foncé/navy) */
    --navy:             #0b1120;
    --navy-light:       #0f172a;

    /* Fond des cartes */
    --navy-card:        #152035;
    --navy-card-hover:  #1a2840;

    /* Bordure subtile des cartes */
    --navy-border:      rgba(255, 255, 255, 0.08);


    /* ── COULEUR D'ACCENT (boutons, liens, badges) ── */

    /* Couleur principale d'accent (teal/vert-bleu) */
    --orange:           #71AFAC;
    /* Variante claire (survol léger) */
    --orange-light:     #8EC4C1;
    /* Variante foncée (survol bouton) */
    --orange-dark:      #5A9895;
    /* Lueur autour des boutons */
    --orange-glow:      rgba(113, 175, 172, 0.3);


    /* ── COULEURS DE TEXTE ───────────────────── */

    --white:            #ffffff;
    --white-off:        #f4f7fc;
    --gray-light:       #e2e8f0;
    /* Texte secondaire (sous-titres, paragraphes) */
    --gray:             #94a3b8;
    --gray-dark:        #64748b;
    /* Texte foncé (sections claires) */
    --text-dark:        #1e293b;
    /* Texte principal sur fond sombre */
    --text-body:        #cbd5e1;


    /* ── TYPOGRAPHIE ─────────────────────────── */

    --font:             'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;


    /* ── DIMENSIONS & MISE EN PAGE ───────────── */

    /* Largeur max du contenu */
    --max-w:            1200px;
    /* Largeur pour les sections étroites */
    --narrow:           800px;
    /* Arrondi des cartes */
    --radius:           12px;


    /* ── ANIMATIONS ──────────────────────────── */

    /* Durée des transitions (boutons, liens…) */
    --transition:       0.3s ease;


    /* ── LOGO ────────────────────────────────── */

    /* Hauteur du logo dans la navbar */
    --logo-height:      100px;
    /* Hauteur du logo dans le footer */
    --logo-footer-height: 60px;
}