@import 'tailwindcss';
@import 'fumadocs-ui/css/vitepress.css';
@import 'fumadocs-ui/css/preset.css';

html {
  scrollbar-gutter: stable;
}

html > body[data-scroll-locked] {
  margin-right: 0px !important;
  --removed-body-scroll-bar-size: 0px !important;
}

/*
  Palette de texte reprise du thème Protocol (Tailwind Plus), fichier
  `typography.ts`. Seules les couleurs changent : les tailles, les marges et
  l'interlignage restent ceux de Fumadocs.

  Le principe de Protocol est un contraste franc entre titres et corps. Les
  titres sont blancs, le corps en zinc plus sourd. C'est ce qui rend la
  hiérarchie lisible d'un coup d'œil, là où un gris uniforme aplatit tout.
*/
:root {
  /* Le violet du thème vitepress laisse place au vert de Protocol. */
  --color-fd-primary: #10b981; /* emerald-500 */
  --color-fd-ring: #10b981;
}

.dark {
  --color-fd-primary: #34d399; /* emerald-400 */
  --color-fd-ring: #34d399;
}

.prose :is(h1, h2, h3, h4, h5, h6) {
  color: #18181b; /* zinc-900 */
}

.prose :is(p, li, td, blockquote) {
  color: #3f3f46; /* zinc-700 */
}

.prose strong {
  color: #18181b;
}

.prose :is(ol, ul) > li::marker {
  color: #71717a; /* zinc-500 */
}

.prose a {
  color: #10b981;
}

.dark .prose :is(h1, h2, h3, h4, h5, h6) {
  color: #ffffff;
}

.dark .prose :is(p, li, td, blockquote) {
  color: #a1a1aa; /* zinc-400 */
}

.dark .prose strong {
  color: #ffffff;
}

.dark .prose :is(ol, ul) > li::marker {
  color: #a1a1aa;
}

.dark .prose a {
  color: #34d399;
}