/* ==========================================================================
   Tokens du design system Vitalite
   --------------------------------------------------------------------------
   Palette relevee dans l'ancienne application (bandeau, boutons, statuts) et
   dans le theme PRAECONIS, qui avait deja commence a la formaliser.

   Toujours utiliser ces variables plutot que des valeurs en dur : c'est ici, et
   nulle part ailleurs, que se change l'identite visuelle.
   ========================================================================== */

:root {
  /* --- Couleurs de marque ------------------------------------------------ */
  --vit-primary: #00cdae;          /* turquoise clair, identite Vitalite */
  --vit-primary-dark: #00b3b9;     /* turquoise fonce, en-tetes de tableau */
  --vit-secondary: #239bd7;        /* bleu d'action, boutons et liens */
  --vit-secondary-hover: #1a8ac7;

  --vit-header-bg: linear-gradient(135deg, #00b3b9 0%, #239bd7 100%);

  /* --- Couleurs semantiques --------------------------------------------- */
  --vit-succes: #1a9f5f;           /* contrat en cours, controle valide */
  --vit-alerte: #e08e0b;           /* delai a surveiller, avertissement */
  --vit-danger: #d0342c;           /* impaye, echeance depassee */
  --vit-neutre: #868686;           /* statut inactif, resilie */

  /* --- Surfaces et textes ----------------------------------------------- */
  --vit-fond: #f8f9fa;             /* fond de page */
  --vit-surface: #ffffff;          /* cartes, panneaux */
  --vit-ligne-alt: #fcfcfc;        /* ligne paire de tableau */
  --vit-survol: rgba(0, 205, 174, .08);
  --vit-texte: #333333;
  --vit-texte-doux: #6c757d;
  --vit-bordure: #dee2e6;
  --vit-bordure-forte: rgba(0, 0, 0, .12);

  /* --- Formes ------------------------------------------------------------ */
  --vit-rayon: 8px;                /* cartes, panneaux */
  --vit-rayon-sm: 4px;             /* champs, badges, pagination */

  /* --- Ombres ------------------------------------------------------------ */
  --vit-ombre-carte: 0 1px 4px rgba(0, 0, 0, .08);
  --vit-ombre-entete: 0 2px 8px rgba(0, 179, 185, .25);
  --vit-ombre-flottante: 0 4px 14px rgba(0, 0, 0, .2);

  /* Anneau de focus des champs. Bootstrap code le sien en dur (bleu #0d6efd)
     sans passer par une variable : il est reecrit dans base.css. */
  --vit-anneau-focus: 0 0 0 .25rem rgba(35, 155, 215, .25);

  /* --- Typographie ------------------------------------------------------- */
  --vit-police: 'Exo 2', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --vit-graisse-titre: 600;

  /* --- Rythme ------------------------------------------------------------ */
  --vit-espace: 1rem;
  --vit-entete-hauteur: 64px;
  --vit-transition: .15s ease;
}

/* Les couleurs de statut du legacy etaient les mots-cles CSS green / red /
   #868686, trop satures pour du texte sur fond blanc. Les tokens ci-dessus les
   remplacent en conservant la meme lecture : vert = actif, rouge = probleme,
   gris = inactif. */