/* Variables CSS de la charte Bhubbles
   Chargé en premier dans base-front.html.twig.
   Tous les composants doivent utiliser ces variables plutôt que des couleurs en dur. */

:root {
    /* Bleus
       --bh-blue-dark / --bh-blue-light = ancien bleu Bhubbles (clair) utilisé partout.
       --bh-accent-dark = nouveau bleu charte foncé utilisé UNIQUEMENT pour les
       soulignements des sous-titres et les types de collaboration. */
    --bh-blue-dark: #5CACDB;        /* Bleu primaire (ancien bleu Bhubbles, choix client) */
    --bh-blue-dark-hover: #4a9bc7;  /* Hover du bleu primaire */
    --bh-blue-light: #5CACDB;       /* Alias historique */
    --bh-accent-dark: #223D5F;      /* Bleu accent foncé (soulignements + types collab) */

    /* Gris */
    --bh-gray-section: #F9F9F9;     /* Gris des sections (valeur d'origine main) */
    --bh-border: #DFE6EC;           /* Contour des encarts */

    /* Photos / accents */
    --bh-photo-bg: #FFFBF9;         /* Fond orangé subtil (photos détourées) */
    --bh-hover-orange: #FDEEE5;     /* Hover orange visible (ronds pictos secteurs) */
    --bh-blue-soft-bg: rgba(92, 172, 219, 0.12);  /* Fond bleu pâle (ronds pictos secteurs) */
}