/* VOXY — Color tokens
 * Source: couleurs_voxy.png + Charte graphique Voxy.pptx
 * Objectif: rester sobre et premium, avec un contraste fort et des
 * points de tension visuelle maîtrisés.
 */
:root {
  /* ---- Brand core ---- */
  --voxy-navy: #211E52;          /* Bleu nuit VOXY — couleur principale: sérieux, professionnel, rassurant */
  --voxy-navy-700: #1B1843;      /* deeper navy for surfaces */
  --voxy-navy-900: #14122E;      /* near-black navy */
  --voxy-ink: #231F20;           /* Noir profond — modernité, contraste fort, technique */
  --voxy-blue: #5563A9;          /* Bleu électrique clair — accent énergie / Infogérance (charte) */
  --voxy-blue-electric: #4D5DF1; /* Bleu électrique vif — interactions, hover (spec UI charte) */
  --voxy-blue-electric-600: #3A48D6;

  /* ---- Service accents ---- */
  --voxy-infogerance: #4D5DF1;   /* Infogérance & Infrastructure — fiabilité, stabilité */
  --voxy-cyber: #BE1E2D;         /* Cybersécurité — vigilance (rouge d'alerte + noir) */
  --voxy-conseil: #7F3F98;       /* Conseil & Transformation — clarté, intelligence (violet) */
  --voxy-impact: #006838;        /* Impact IT — conscience, avenir (vert) */

  /* ---- Extended palette ---- */
  --voxy-mustard: #B4A633;       /* Moutarde */
  --voxy-orange: #F15A2D;        /* Orange — énergie, convivialité */
  --voxy-violet-soft: #7F3F98;

  /* ---- Neutrals ---- */
  --voxy-white: #FFFFFF;
  --voxy-gray-50: #F4F4F4;       /* Gris clair — fonds, arrières-plans */
  --voxy-gray-100: #ECECEE;
  --voxy-gray-200: #DDDDE2;
  --voxy-gray-300: #C7C7CE;
  --voxy-gray-500: #707070;      /* Gris neutre — texte secondaire */
  --voxy-gray-700: #45454B;
  --voxy-black: #000000;

  /* ---- Semantic ---- */
  --voxy-success: #006838;
  /* Vert vif, ajoute le 4 aout 2026 sur demande d'un etat « objectif atteint »
   * qui se distingue de « acceptable ». Derive du vert de la charte et non
   * invente : meme famille, saturation et clarte montees pour qu'il se
   * remarque. La charte ne portait aucun jeton de reussite au-dela du succes
   * ordinaire, et un ecran qui ne sait que signaler ce qui va mal n'apprend
   * jamais a personne ce qui va bien. A valider par le dirigeant : c'est un
   * complement a la charte, pas un jeton d'origine. */
  --voxy-success-vif: #00A651;
  --voxy-error:   #BE1E2D;
  --voxy-warning: #F15A2D;
  --voxy-info:    #4D5DF1;

  /* ---- Semantic aliases (use these in components) ---- */
  --text-strong: var(--voxy-navy);     /* titres, texte principal */
  --text-body:   var(--voxy-ink);      /* corps de texte */
  --text-muted:  var(--voxy-gray-500); /* texte secondaire */
  --text-on-dark: var(--voxy-white);

  --surface-page:   var(--voxy-white);
  --surface-subtle: var(--voxy-gray-50);
  --surface-card:   var(--voxy-white);
  --surface-dark:   var(--voxy-navy);
  --surface-darker: var(--voxy-navy-900);

  --border-subtle: var(--voxy-gray-200);
  --border-strong: var(--voxy-gray-300);

  --accent:        var(--voxy-blue-electric);
  --accent-hover:  var(--voxy-blue-electric-600);

  /* Rampe de donnees. D2 et D14 du 3 aout 2026, RENVERSEES le 22 aout 2026 :
   * la rampe passe de SEQUENTIELLE a CATEGORIELLE, option C, sur demande 668 du
   * dirigeant et apres comparaison des trois candidates sur les series reelles.
   *
   * Son mot : « il faudrait choisir des couleurs plus contrastees, la on est
   * dans un degrade de bleu, c'est joli mais peu lisible, reste dans des
   * couleurs modernes jolies et pas trop criardes (pas trop "excel") vise le
   * beau et l'esthetique, avec un rappel a la charte voxy si possible ».
   *
   * CE QUE LE COMMENTAIRE PRECEDENT ANNONCAIT DEJA, et qui s'est verifie : « une
   * rampe monochrome a sept paliers est a la limite de la lisibilite, les
   * derniers etant proches ». Elle etait a la limite, elle l'a franchie — les
   * sept categories commerciales existent toutes depuis le 4 aout, et les trois
   * dernieres strates d'une barre empilee ne se distinguaient plus.
   *
   * CE QUE D2 DISAIT DE VRAI RESTE VRAI, et c'est pourquoi cette rampe n'est pas
   * la palette de marque telle quelle : le vert du succes et l'orange de
   * l'alerte gardent leur sens ailleurs dans le dispositif, et les reutiliser
   * pour une categorie commerciale creerait la seule confusion qui coute. Ils
   * sont remplaces par deux voisins qui ne signifient rien — un sarcelle profond
   * et une terre cuite. C'etait la difference entre les options B et C montrees
   * au dirigeant, et c'est celle qu'il a retenue.
   *
   * CE QUI CHANGE DE PLUS, et qu'il faut savoir : l'ordre ne porte PLUS
   * l'information par lui-meme. Une rampe sequentielle disait « du plus gros au
   * plus petit » par la clarte ; une rampe categorielle ne dit rien de tel. La
   * hierarchie est portee par la TAILLE des strates et par l'ordre de la
   * legende, ce qui suffit — et le gain de lisibilite est sans commune mesure.
   *
   * Les teintes sont espacees pour que deux rangs VOISINS ne se ressemblent
   * jamais : c'est ce qui compte dans une pile, ou les strates se touchent.
   *
   * Le gris de --data-rest reste reserve aux regroupements, « autres clients »
   * ou « autres postes », pour qu'un agregat ne se confonde jamais avec une
   * serie nommee.
   *
   * Ces jetons entrent ici une fois et jamais dans une page : sinon chaque ecran
   * inventerait sa palette et deux graphiques cesseraient d'etre comparables. */
  --data-1: #211E52;   /* bleu nuit VOXY, serie principale */
  --data-2: #4D5DF1;   /* = --voxy-blue-electric */
  --data-3: #7F3F98;   /* = --voxy-conseil, violet de la charte */
  --data-4: #0E8A7B;   /* sarcelle profond, derive du vert Impact #006838 :
                        * clarte montee et virage vers le cyan pour ne pas etre
                        * le vert du succes, qui signifie autre chose. */
  --data-5: #B4A633;   /* = --voxy-mustard */
  --data-6: #8B93C4;   /* bleu-lavande, seul survivant de la rampe monochrome */
  --data-7: #C25E3E;   /* terre cuite, derive de l'orange VOXY #F15A2D :
                        * desature et assombri pour ne pas crier et pour ne pas
                        * etre l'orange de l'alerte. */
  --data-rest: var(--voxy-gray-300);   /* regroupements, jamais une serie nommee */

  --focus-ring: color-mix(in srgb, var(--voxy-blue-electric) 55%, transparent);
}