/* ==========================================================================
   ZEVIX — Design tokens (source unique de vérité pour les couleurs et polices)
   Ces valeurs DOIVENT être reprises à l'identique dans :
   - Astra  : Personnaliser > Couleurs globales / Typographie
   - Elementor : Réglages du site > Couleurs globales / Polices globales
   ========================================================================== */
:root {
  /* Marque mère ZEVIX — dérivée du logo */
  --zvx-navy-950: #0B123B;
  --zvx-navy-900: #111C63;
  --zvx-navy:     #1B2A87;   /* primaire — bleu marine du logo */
  --zvx-blue:     #174BD3;   /* action / CTA — bleu vif du logo */
  --zvx-blue-dark:#1039A8;   /* survol des CTA */
  --zvx-blue-050: #EEF3FC;   /* fonds légers */
  --zvx-red:      #C41E2F;   /* accent (badges, promo) — hérité du packaging */

  /* Neutres */
  --zvx-ink:   #0F172A;      /* texte principal */
  --zvx-muted: #51607A;      /* texte secondaire — contraste ≥ 4,5:1 sur blanc */
  --zvx-line:  #E2E8F4;      /* bordures */
  --zvx-bg:    #F5F7FC;      /* fond de page */
  --zvx-white: #FFFFFF;

  /* États */
  --zvx-ok:    #12855F;      /* en stock, succès */
  --zvx-warn:  #B45309;      /* sur commande, attention */

  /* Sous-marques — ⚠️ PROVISOIRES, à confirmer par la charte étendue (avenant A-01) */
  --zvx-therm: #174BD3;      /* Chauffage & CVC — bleu de la marque */
  --zvx-power: #F59E0B;      /* Électricité — ambre */
  --zvx-home:  #0E9F6E;      /* Habitat — vert */
  --zvx-build: #475569;      /* Construction — acier */

  /* Typographie — polices hébergées localement (fonts.css) */
  --zvx-font-head: 'Lexend', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --zvx-font-body: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Formes et ombres */
  --zvx-radius:    14px;
  --zvx-radius-sm: 10px;
  --zvx-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
  --zvx-shadow-md: 0 10px 30px rgba(17, 28, 99, .10);

  /* Largeur de contenu (alignée sur la maquette) */
  --zvx-container: 1200px;
}
