/* Neon Blue — dark navy + electric cyan
   Stratégie : pas de .dark toggle, on reste en "light mode" Congo
   mais avec une échelle neutral inversée (50=sombre, 900=clair)
   → text-neutral-900 = quasi blanc naturellement sur fond sombre */
:root {
  --color-neutral:     10,  15,  30;   /* fond body / service-body */
  --color-neutral-50:  14,  22,  45;   /* fonds sombres : cards, sidebar */
  --color-neutral-100: 18,  30,  60;
  --color-neutral-200: 28,  44,  85;
  --color-neutral-300: 48,  70, 115;
  --color-neutral-400: 85, 120, 175;
  --color-neutral-500: 135, 168, 215;
  --color-neutral-600: 175, 205, 238;
  --color-neutral-700: 208, 225, 248;
  --color-neutral-800: 228, 238, 252;
  --color-neutral-900: 240, 248, 255;  /* quasi blanc → texte lisible */
  --color-neutral-950: 250, 253, 255;

  /* Primary = cyan électrique */
  --color-primary-50:    0,  18,  48;
  --color-primary-100:   0,  32,  78;
  --color-primary-200:   0,  58, 130;
  --color-primary-300:   0,  98, 200;
  --color-primary-400:   0, 148, 255;
  --color-primary-500:   0, 178, 255;
  --color-primary-600:  28, 198, 255;
  --color-primary-700:  80, 215, 255;
  --color-primary-800: 140, 230, 255;
  --color-primary-900: 200, 245, 255;
  --color-primary-950: 230, 250, 255;
}

/* Gradient plus léger (vrai navy, pas quasi-noir), du haut clair vers bas sombre */
html, body {
  background: linear-gradient(to bottom,
    rgb(14, 36, 88) 0%,
    rgb(10, 26, 65) 40%,
    rgb(7,  18, 50) 100%) !important;
  min-height: 100vh;
}

/* Prose : texte clair sur fond sombre */
.prose {
  color: rgb(215, 232, 252) !important;
}
.prose h2, .prose h3, .prose h4 {
  color: rgb(180, 220, 255) !important;
}
.prose strong {
  color: rgb(240, 248, 255) !important;
}
.prose a {
  color: rgb(0, 180, 255) !important;
}
.prose li::marker {
  color: rgb(0, 180, 255) !important;
}
.prose code {
  color: rgb(0, 210, 255) !important;
  background: rgba(0, 150, 255, 0.12) !important;
}