/* ==========================================================================
   ZaZa — CHARTE DE MARQUE (source de vérité unique)
   --------------------------------------------------------------------------
   Ce fichier est IDENTIQUE sur les trois fronts :
     - marketing / API .......... WapiYo/wwwroot/css/
     - admin (WAPY_Blazor) ...... WAPY_Blazor/wwwroot/css/
     - passager (Blazor WASM) ... WAPI_ZAZA_5 - Client 2X/wwwroot/css/
     - chauffeur (MAUI) ......... WAPI_ZAZA_Taxi/wwwroot/css/
   Toute modification doit être répercutée partout. Ne RIEN surcharger
   localement : les déclinaisons par thème se font dans zaza-themes.css,
   en consommant les tokens ci-dessous.
   ========================================================================== */

:root {
  /* ── Palette officielle — NE PAS MODIFIER ────────────────────────────── */
  --z-blue:      #0a4fc4;
  --z-cyan:      #1592c6;
  --z-green:     #22a04a;
  --z-yellow:    #ffc400;
  --z-yellow2:   #ffd21a;
  --z-ink:       #0e2038;

  /* Variantes foncées (bordures, états hover) */
  --z-blue-dk:   #083b93;
  --z-green-dk:  #197a38;
  --z-cyan-dk:   #0f7099;

  /* ── Variantes claires — DÉRIVÉES ────────────────────────────────────
     Le bleu #0a4fc4 est trop sombre pour servir d'accent sur un fond
     sombre (contraste < 3:1). Ces éclaircies conservent la teinte de la
     charte tout en passant AA sur les fonds encre.                      */
  --z-blue-lt:   #4a90f0;
  --z-cyan-lt:   #35b4e6;
  --z-green-lt:  #3ec46a;

  /* ── Neutres « encre » ───────────────────────────────────────────────
     Gris teintés du bleu de marque (--z-ink) plutôt que gris purs :
     c'est ce qui rattache visuellement les fonds sombres à la charte.   */
  --z-ink-900:   #070f1c;
  --z-ink-800:   #0b1728;
  --z-ink-700:   #0e2038;
  --z-ink-600:   #152a46;
  --z-ink-500:   #1d3556;
  --z-ink-400:   #2a4468;

  /* ── Dégradés de marque ──────────────────────────────────────────────
     Note : le vert du dégradé (#24a24a) diffère volontairement d'un
     cheveu du token --z-green (#22a04a) — valeurs d'origine conservées. */
  --z-grad:     linear-gradient(135deg, #0a4fc4 0%, #1592c6 32%, #24a24a 63%, #ffc400 120%);
  --z-grad-btn: linear-gradient(90deg, #0a4fc4, #22a04a 55%, #ffc400);

  /* ── Triplets RGB ────────────────────────────────────────────────────
     Pour les ombres / halos / voiles : rgba(var(--z-blue-rgb), .25).
     Indispensable car une couleur hex ne peut pas porter d'alpha
     variable dans une var() CSS.                                       */
  --z-blue-rgb:     10, 79, 196;
  --z-blue-lt-rgb:  74, 144, 240;
  --z-cyan-rgb:     21, 146, 198;
  --z-cyan-lt-rgb:  53, 180, 230;
  --z-green-rgb:    34, 160, 74;
  --z-green-dk-rgb: 25, 122, 56;
  --z-yellow-rgb:   255, 196, 0;
  --z-ink-rgb:      14, 32, 56;

  /* ── Typographie ─────────────────────────────────────────────────────── */
  --z-font: 'Poppins', 'Inter', system-ui, -apple-system, sans-serif;
}

/* ==========================================================================
   COULEURS FONCTIONNELLES — HORS CHARTE, NE PAS RE-TEINDRE
   Elles portent un SENS (statut, service, sécurité) et non l'identité de
   marque. Les toucher casserait la lisibilité métier.
   ========================================================================== */
:root {
  /* Services */
  --c-transport: var(--z-blue);
  --c-gaz:       #FF6B35;
  --c-pharma:    #3B82F6;
  --c-colis:     #8B5CF6;
  --c-billets:   #10B981;
  --c-urgences:  #EF4444;
  --c-courses:   #22C55E;
  --c-resto:     #F97316;
  --c-horaires:  #06B6D4;

  /* Statuts chauffeur */
  --c-online:    #22C55E;
  --c-offline:   #6B7280;

  /* Cartographie (cf. mémoire projet) */
  --c-taxi-active:   #1a1a1a;  /* taxi en course */
  --c-taxi-assigned: #1b73e8;  /* taxi assigné au passager */
  --c-route-to-a:    #ffa726;  /* tracé chauffeur → point A (ambre) */
}