/* variables.css — Variables globales du site
   Toutes les couleurs sont déclarées ici une seule fois puis réutilisées
   via var(--nom) dans le reste du CSS. Pour changer une couleur du site,
   il suffit de modifier sa valeur ici. */

:root {
  /* Couleurs de base (fond / texte / lignes) */
  --bg:         #0b0f14;
  --bg-raised:  #10161d;
  --line:       #22303c;
  --ink:        #eef2f5;
  --ink-dim:    #9fb0bb;
  --ink-faint:  #5b6a74;
  --ink-ghost:  #4a5560;

  /* Couleurs de marque */
  --gold:  #d9a83b; /* accent principal */
  --navy:  #1f3a52;
  --stone: #8b8168;
  --accent: var(--gold);

  /* Couleurs des 4 axes de service (utilisées côté professionnel) */
  --bim:   #3e7cb1;
  --dev:   #d64550;
  --audit: #4f9d69;
  --host:  #8b5ce0;

  /* Typographie */
  --font-display: 'Chakra Petch', sans-serif;
  --font-body:    'IBM Plex Sans', sans-serif;
  --font-mono:    'IBM Plex Mono', monospace;

  /* Forme */
  --hex: polygon(25% 3%, 75% 3%, 100% 50%, 75% 97%, 25% 97%, 0% 50%);

  /* Layout */
  --container-max: 1200px;
}