:root {
  /* Neutres et base */
  --blanc: #ffffff;
  --noir: #000000;
  --cgt-white: #ffffff;
  --cgt-black: #1f1f1f;
  --text-dark: #333;
  --text-gris: #e0e0e0;
  --font-main: 'Arial', sans-serif;
  --padding: 1rem;
  --border-radius: 25px;
  --margin-top: 1rem;
  --margin-bottom: 0.8rem;
  --box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  --shadow-default: 0 4px 8px rgba(0, 0, 0, 0.5);

  /* Rouges */
  --rouge-1: #5a0000;
  --rouge-2: #a10000;
  --rouge-3: #e20714;
  --rouge-4: #f55f5f;
  --rouge-5: #ffd6d6;
  --cgt-red: #e20714;
  --cgt-darkred: #900;
  --brique: #782b24;
  --brique-70: #a06b65;
  --brique-50: #bb9591;
  --saumon: #e39e87;
  --saumon-70: #ebbbab;
  --saumon-50: #f1cec3;

  /* Jaunes */
  --jaune-1: #806600;
  --jaune-2: #ccb000;
  --jaune-3: #ffd700;
  --jaune-4: #ffee75;
  --jaune-5: #fffad6;
  --cgt-yellow: #f7c948;

  /* Verts */
  --vert-1: #003d00;
  --vert-2: #007000;
  --vert-3: #00b300;
  --vert-4: #66dd66;
  --vert-5: #dcedc8;
  --vert-rle: #007147;
  --vert-rle-70: #4ca27e;
  --vert-rle-50: #80bca3;
  --foret: #154734;
  --foret-70: #5b7e71;
  --foret-30: #8aa399;
  --vert-eau: #a1d6ca;
  --vert-eau-70: #bde2da;
  --vert-eau-50: #d0eae4;

  /* Bleus */
  --bleu-rle: #008ce6;
  --bleu-rle-70: #4caeed;
  --bleu-rle-50: #80c5f2;
  --bleu-marine: #00205b;
  --bleu-marine-70: #4c638c;
  --bleu-marine-50: #808fad;
  --bleu-horizon: #a4c8e1;
  --bleu-horizon-70: #bfd8ea;
  --bleu-horizon-50: #d1e3f0;

  /* Gris et dérivés */
  --gris-1: #1f1f1f;
  --gris-2: #3c3c3c;
  --gris-3: #7a7a7a;
  --gris-4: #b0b0b0;
  --gris-5: #e0e0e0;
  --carbone: #384f59;
  --carbone-70: #74848b;
  --carbone-50: #9ca7ac;
  --carbone-15: #d7dde0;
  --sable: #d6c9b2;
  --sable-70: #e2d9c9;
  --sable-50: #eae4d8;
}
.sidebar-toggle-button {
  position: fixed;
  top: 1rem;
  left: 1rem;
  background: var(--carbone);
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 6px;
  cursor: pointer;
  z-index: 999;
}

.sidebar-hidden .sidebar {
  display: none;
}

.sidebar-hidden .main-content {
  margin-left: 0;
}