/* ═══════════════════════════════════════════════════════
   BOMZAI — PALETTE DE COULEURS v4
   "Teal & Craie"

   ► Ce fichier est l'unique source de vérité des couleurs.
   ► Modifier ici, tout le site s'adapte.
   ► Changer les hex ET les canaux RGB correspondants.
   ═══════════════════════════════════════════════════════ */

:root {

  /* ─────────────────────────────────────────────────────
     1. COULEURS FONDAMENTALES — modifier ici en priorité
     ───────────────────────────────────────────────────── */

  --v:  #4bada2;   /* TEAL       — CTA, chiffres-clés, accents teal   */
  --v2: #053a33;   /* FORÊT      — titres sur fond clair, hover des CTA */
  --b:  #1f1d1f;   /* NUIT       — texte principal, fonds chauds sombres */
  --n:  #0f1a18;   /* SOMBRE     — dropdowns, hero dark                  */
  --bg: #f3f1eb;   /* CRAIE      — fond global, fond des cartes          */

  --or:          var(--v);    /* TEAL       — fonds des icônes offres           */
  --icon-dark:   var(--v2);   /* FORÊT      — fonds des icônes secteurs         */
  --footer:      var(--v2);   /* FOOTER BG  — fond du footer                    */
  --footer-logo: var(--bg);   /* LOGO       — couleur du logo dans le footer    */


  /* ─────────────────────────────────────────────────────
     2. CANAUX RGB — à synchroniser avec les hex ci-dessus
     Format : R, G, B  (sans le dièse)
     ─────────────────────────────────────────────────────
     Convertisseur rapide : https://rgbcolorpicker.com/
     ───────────────────────────────────────────────────── */

  --b-rgb:  31, 29, 31;     /* ← RGB de --b  #1f1d1f */
  --v-rgb:  75, 173, 162;   /* ← RGB de --v  #4bada2 */
  --v2-rgb: 5, 58, 51;      /* ← RGB de --v2 #053a33 */
  --bg-rgb: 243, 241, 235;  /* ← RGB de --bg #f3f1eb */
  --n-rgb:  15, 26, 24;     /* ← RGB de --n  #0f1a18 */


  /* ─────────────────────────────────────────────────────
     3. DÉCLINAISONS — calculées automatiquement
     (ne pas toucher, elles suivent les couleurs ci-dessus)
     ───────────────────────────────────────────────────── */

  /* Textes */
  --text-main:   var(--b);
  --text-muted:  rgba(var(--b-rgb), .8);
  --text-subtle: rgba(var(--b-rgb), .6);
  --text-light:  rgba(var(--b-rgb), .45);

  /* Bordures */
  --line:           rgba(var(--b-rgb), .12);
  --border-light:   rgba(var(--b-rgb), .07);
  --border-medium:  rgba(var(--b-rgb), .12);
  --border-strong:  rgba(var(--b-rgb), .20);

  /* Accents teal (demi-transparences) */
  --v-glow:    rgba(var(--v-rgb), .10);
  --v-soft:    rgba(var(--v-rgb), .12);
  --v-medium:  rgba(var(--v-rgb), .25);

  /* Ombres */
  --shadow-sm: 0 2px 8px rgba(var(--b-rgb), .08);
  --shadow-md: 0 6px 24px rgba(var(--b-rgb), .12);
  --shadow-lg: 0 16px 48px rgba(var(--b-rgb), .18);
  --shadow-card:
    0 4px 6px rgba(var(--b-rgb), .06),
    0 12px 28px rgba(var(--b-rgb), .10),
    0 28px 60px rgba(var(--b-rgb), .08),
    inset 0 1px 0 rgba(255,255,255, .18);
  --shadow-card-hover:
    0 8px 12px rgba(var(--b-rgb), .10),
    0 20px 48px rgba(var(--b-rgb), .16),
    0 48px 80px rgba(var(--b-rgb), .12),
    inset 0 1px 0 rgba(255,255,255, .24);
  --shadow-nav:
    0 2px 6px rgba(var(--b-rgb), .04),
    inset 0 1px 0 rgba(255,255,255, .80);
}