:root {
  /* --- BASE : NOIR & BLANC --- */
  --bg-color: #ffffff;
  --text-color: #111111;
  --secondary-text-color: #666666;
  
  /* --- ACCENT : BLEU ÉLECTRIQUE --- */
  /* Couleur principale (utilisée pour les liens, titres, etc.) */
  --color-primary: #2979FF; 
  
  /* Contour des champs actif */
  --outline-color: #2979FF;
  --focus-outline-color: rgba(41, 121, 255, 0.5);

  /* --- BOUTONS --- */
  /* Bouton standard (Gris neutre) */
  --button-bg: linear-gradient(to right, #f5f5f5, #e0e0e0);
  --button-bg-box-shadow-color: rgba(0, 0, 0, 0.1);

  /* Bouton PRIMAIRE (Bleu Électrique) */
  --button-bg-primary: linear-gradient(to right, #2962FF, #2979FF);
  --button-bg-primary-box-shadow-color: rgba(41, 121, 255, 0.5);

  /* Bouton SECONDAIRE (Gris foncé/Noir pour contraste) */
  --button-bg-secondary: linear-gradient(to right, #444444, #222222);
  --button-bg-secondary-box-shadow-color: rgba(0, 0, 0, 0.3);

  /* --- ÉLÉMENTS INTERACTIFS --- */
  --button-action-shadow-color: rgba(0, 0, 0, 0.1);
  --underline-color: #dddddd;
  
  /* Icônes d'action */
  --send-icon-hover-color: #2979FF; /* Devient bleu au survol */
  --send-spinner-icon-color: #888888;
  
  /* Icône de copie (Subtilement bleutée) */
  --copy-icon-color: #2979FF;
  --copy-icon-bg-color: #F0F5FF; /* Fond très légèrement bleu */
  --copy-icon-shadow-color: rgba(41, 121, 255, 0.2);

  /* Formulaires */
  --checkbox-bg-color: #2979FF;
  --input-shadow-color: rgba(0, 0, 0, 0.1);
  --input-hover-shadow-color: rgba(41, 121, 255, 0.2); /* Ombre bleue au survol */
  --input-label-color: #111111;

  /* --- TABLEAUX --- */
  --table-bg-color: #ffffff;
  --table-shadow-color: rgba(0, 0, 0, 0.1);
  --table-tr-border-color: #eeeeee;
  --table-tr-hover-bg-color: #F8FAFF; /* Très léger reflet bleu au survol de ligne */
  --table-head-tr-border-color: #dddddd;
  --table-status-gray-bg-color: #f9f9f9;
}

/* --- BOUTON STATS (GRAPHIQUES) --- */
a.button.action.stats,
button.action.stats {
  background: #F0F5FF; /* Fond bleu très pâle */
  border: 1px solid #dae5ff;
}

a.button.action.stats svg,
button.action.stats svg {
  stroke-width: 2.5;
  stroke: #2979FF; /* Ligne du graphique en Bleu Électrique */
}

/* Effet hover sur le bouton stats */
a.button.action.stats:hover,
button.action.stats:hover {
  background: #e3ecff;
}
