/* ═══════════════════════════════════════
   VARIABLES — Tokens de design
   Modifier ici pour changer tout le thème
═══════════════════════════════════════ */
:root {
  /* Fonds */
  --bg:   #181a16;
  --c1:   #1e2119;
  --c2:   #252921;
  --c3:   #2e3328;
  --c4:   #3a4033;
  --c5:   #4a5240;

  /* Bordures */
  --border:  #3a4033;
  --border2: #506040;

  /* Jaune / or — couleur principale */
  --y:      #f5a800;
  --y2:     #ffc840;
  --ydim:   rgba(245,168,0,.14);
  --yglow:  rgba(245,168,0,.5);

  /* Thème Cyberpunk Cyan */
  --cy:      #00f2ff;
  --cyglow:  rgba(0, 242, 255, 0.5);
  --cylow:   rgba(0, 242, 255, 0.15);

  /* Vert */
  --green:    #00ff00;
  --green2:   #00ff00;
  --greendim: rgba(0, 255, 0, 0.2);
  --greenglow: rgba(0, 255, 0, 0.6);

  /* Rouge */
  --red:    #ff0000;
  --red2:   #ff0000;
  --reddim: rgba(255, 0, 0, 0.2);
  --redglow: rgba(255, 0, 0, 0.9);

  /* Bleu */
  --blue:  #3498db;
  --blue2: #5dbbff;

  /* Sable */
  --sand:  #e8c878;
  --sand2: #c9a84c;

  /* Olive */
  --olive:  #5a6e40;
  --olive2: #7a9252;
  --olive3: #a0b870;

  /* Texte */
  --txt:  #eae8dc;
  --txt2: #c0be9e;
  --txt3: #8a8870;
  --txt4: #4a4a38;

/* Rayons de bordure */
--r:  12px;
--r2: 18px;
--r3: 26px;

/* Layout */
--nav: 72px;
--hdr: 64px;

/* Polices */
--fb: 'Bebas Neue', sans-serif;
--fr: 'Raleway', sans-serif;
--fm: 'Share Tech Mono', monospace;

}