/* ============================================================================
   ERUDI DOCUMENTATION — CUSTOM THEME
   Applique l'identité visuelle Erudi à la documentation MkDocs
   Phase 6 — Thème, apparence et lisibilité (ENHANCED)
   ========================================================================== */

/* Variables CSS pour faciliter la maintenance */
:root {
  /* Couleurs Erudi */
  --erudi-primary: #25C08A;        /* Primary green (gradient start) */
  --erudi-dark: #1EAB78;           /* Dark green (gradient end) */
  --erudi-emerald: #10b981;        /* emerald-500 */
  --erudi-emerald-hover: #34d399;  /* emerald-400 */
  --erudi-bg-start: #041915;       /* Gradient start (dark emerald) */
  --erudi-bg-end: #0f2d27;         /* Gradient end (medium emerald) */
  --erudi-dark-bg: #071b18;        /* Background signature */
  --erudi-surface: #1a1a1a;        /* Surface cards */
  --erudi-surface-light: #2B2B2B;  /* Surface alternative */
  --erudi-surface-lighter: #0c1312; /* User message bg */
  --erudi-text: #F2F7F4;           /* Text primary */
  --erudi-text-secondary: rgba(255, 255, 255, 0.8);
  --erudi-text-tertiary: #9ca3af;  /* gray-400 */
  
  /* Radius Erudi */
  --erudi-radius: 1rem;            /* rounded-2xl */
  --erudi-radius-sm: 0.5rem;       /* rounded-lg */
  --erudi-radius-xs: 0.375rem;     /* rounded-md */
  
  /* Shadows Erudi */
  --erudi-shadow-main: 0 8px 30px -4px rgba(0,0,0,0.45), 0 2px 6px -1px rgba(0,0,0,0.4);
  --erudi-shadow-lg: 0 10px 30px -6px rgba(0,0,0,0.5), 0 2px 6px -1px rgba(0,0,0,0.45);
}

/* ============================================================================
   FOND GLOBAL — Gradient emerald signature Erudi
   ========================================================================== */

/* Background gradient sur le body/main content */
.md-main {
  background: linear-gradient(to bottom right, var(--erudi-bg-start), var(--erudi-bg-end)) !important;
  background-attachment: fixed !important;
}

.md-content {
  background: transparent !important;
}

/* Header avec backdrop blur glassmorphism */
.md-header {
  background: rgba(7, 27, 24, 0.8) !important;
  backdrop-filter: blur(14px) saturate(1.4) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Sidebar avec fond Erudi */
.md-sidebar {
  background: transparent !important;
}

.md-sidebar__inner {
  background: rgba(39, 39, 39, 0.6) !important;
  backdrop-filter: blur(10px) saturate(1.2) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0 var(--erudi-radius-sm) var(--erudi-radius-sm) 0 !important;
}

/* ============================================================================
   TITRES — Couleur d'accent Erudi + Font-weight cohérent
   ========================================================================== */

.md-typeset h1 {
  color: var(--erudi-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
  text-shadow: 0 2px 8px rgba(37, 192, 138, 0.2);
}

.md-typeset h2 {
  color: var(--erudi-primary);
  font-weight: 600;
  letter-spacing: -0.01em;
  text-shadow: 0 1px 4px rgba(37, 192, 138, 0.15);
}

.md-typeset h3 {
  color: var(--erudi-emerald-hover);
  font-weight: 600;
}

.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  color: var(--erudi-emerald-hover);
  font-weight: 500;
}

/* ============================================================================
   BLOCS DE CODE — Style glassmorphism Erudi + Syntax highlighting ENHANCED
   ========================================================================== */

.md-typeset pre {
  background: rgba(18, 28, 26, 0.95) !important;
  backdrop-filter: blur(10px) saturate(1.3) !important;
  border: 1px solid rgba(37, 192, 138, 0.25);
  border-radius: var(--erudi-radius);
  padding: 1.5rem;
  box-shadow: var(--erudi-shadow-lg),
              inset 0 1px 0 rgba(255, 255, 255, 0.05);
  position: relative;
  overflow: visible;
}

/* Overlay gradient subtil sur les code blocks */
.md-typeset pre::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(37, 192, 138, 0.08) 0%, rgba(37, 192, 138, 0.03) 28%, transparent 60%);
  border-radius: var(--erudi-radius);
  pointer-events: none;
  mix-blend-mode: overlay;
}

.md-typeset pre code {
  background-color: transparent !important;
  color: #E8F5F1 !important;
  font-size: 0.9rem;
  line-height: 1.7;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
}

/* Syntax highlighting colors - Enhanced contrast & vibrancy */

/* Comments - Bright green */
.md-typeset .highlight .c,
.md-typeset .highlight .cm,
.md-typeset .highlight .c1,
.md-typeset .highlight .ch {
  color: #7EC699 !important;
  font-style: italic;
}

/* Keywords - Bright blue */
.md-typeset .highlight .k,
.md-typeset .highlight .kd,
.md-typeset .highlight .kn,
.md-typeset .highlight .kp,
.md-typeset .highlight .kr,
.md-typeset .highlight .kt {
  color: #6CB6FF !important;
  font-weight: 600;
}

/* Strings - Bright orange/salmon */
.md-typeset .highlight .s,
.md-typeset .highlight .s1,
.md-typeset .highlight .s2,
.md-typeset .highlight .se,
.md-typeset .highlight .sb,
.md-typeset .highlight .sc,
.md-typeset .highlight .sd {
  color: #FFB38A !important;
}

/* Class names - Bright teal/cyan */
.md-typeset .highlight .n,
.md-typeset .highlight .na,
.md-typeset .highlight .nc,
.md-typeset .highlight .nn {
  color: #5FE8D0 !important;
  font-weight: 500;
}

/* Functions - Bright yellow */
.md-typeset .highlight .nf,
.md-typeset .highlight .fm {
  color: #FFE66D !important;
  font-weight: 500;
}

/* Numbers - Light green */
.md-typeset .highlight .m,
.md-typeset .highlight .mi,
.md-typeset .highlight .mf,
.md-typeset .highlight .mh,
.md-typeset .highlight .mo {
  color: #B5D99C !important;
}

/* Operators - Erudi emerald bright */
.md-typeset .highlight .o,
.md-typeset .highlight .ow {
  color: #4AE5B8 !important;
  font-weight: 600;
}

/* Built-ins - Erudi primary green bright */
.md-typeset .highlight .nb,
.md-typeset .highlight .bp {
  color: #34E5A8 !important;
  font-weight: 500;
}

/* Shell/Bash specific */
.md-typeset .highlight .gp {
  color: #4AE5B8 !important;
  font-weight: 700;
}

/* Shell commands */
.md-typeset .highlight .nv,
.md-typeset .highlight .vc,
.md-typeset .highlight .vg,
.md-typeset .highlight .vi {
  color: #8DE5FF !important;
}

/* JSON keys - Light blue */
.md-typeset .highlight .nt,
.md-typeset .highlight .nx {
  color: #A8D5FF !important;
}

/* Decorators - Bright purple */
.md-typeset .highlight .nd,
.md-typeset .highlight .ni {
  color: #D4A5FF !important;
}

/* Constants - Orange */
.md-typeset .highlight .kc {
  color: #FFA366 !important;
  font-weight: 600;
}

/* Special - Pink */
.md-typeset .highlight .si,
.md-typeset .highlight .sx {
  color: #FF8ACC !important;
}

/* Errors - Red bright */
.md-typeset .highlight .err {
  color: #FF6B6B !important;
  background: rgba(255, 107, 107, 0.1);
  border-radius: 3px;
}

/* Generic - White bright */
.md-typeset .highlight .g,
.md-typeset .highlight .gh,
.md-typeset .highlight .gi,
.md-typeset .highlight .go,
.md-typeset .highlight .gs {
  color: #F0F0F0 !important;
}

/* Punctuation - Light gray */
.md-typeset .highlight .p {
  color: #C0C0C0 !important;
}

/* Whitespace - Keep invisible but ensure it exists */
.md-typeset .highlight .w {
  color: transparent !important;
}

/* Highlight.js theme override */
.md-typeset .highlight {
  background-color: transparent;
  border-radius: var(--erudi-radius);
}

/* ============================================================================
   CODE INLINE — Style badges/tags Erudi avec glassmorphism
   ========================================================================== */

.md-typeset code {
  background: rgba(43, 43, 43, 0.8);
  backdrop-filter: blur(4px);
  color: var(--erudi-primary);
  border: 1px solid rgba(37, 192, 138, 0.25);
  border-radius: var(--erudi-radius-xs);
  padding: 0.2rem 0.5rem;
  font-size: 0.9em;
  font-weight: 500;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3),
              inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* Ne pas styler le code inline dans les blocs pre */
.md-typeset pre code {
  background-color: transparent !important;
  color: inherit !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  font-weight: 400 !important;
  backdrop-filter: none !important;
}

/* ============================================================================
   TEXTE PRINCIPAL — Harmonisation avec l'UI Erudi
   ========================================================================== */

.md-typeset {
  color: var(--erudi-text);
  line-height: 1.7;
  font-size: 1rem;
}

.md-typeset p {
  margin-bottom: 1.25rem;
}

.md-typeset a {
  color: var(--erudi-primary);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
  font-weight: 500;
}

.md-typeset a:hover {
  color: var(--erudi-emerald-hover);
  border-bottom-color: var(--erudi-primary);
  text-shadow: 0 0 8px rgba(37, 192, 138, 0.4);
}

/* ============================================================================
   ADMONITIONS — Style glassmorphism cohérent avec les cards Erudi
   ========================================================================== */

.md-typeset .admonition {
  background: rgba(12, 19, 18, 0.7);
  backdrop-filter: blur(10px) saturate(1.3);
  border-left: 4px solid var(--erudi-primary);
  border-radius: var(--erudi-radius-sm);
  border: 1px solid rgba(37, 192, 138, 0.2);
  border-left: 4px solid var(--erudi-primary);
  padding: 1rem 1.25rem;
  margin: 1.5rem 0;
  box-shadow: var(--erudi-shadow-main);
  position: relative;
  overflow: hidden;
}

.md-typeset .admonition::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(37, 192, 138, 0.08) 0%, transparent 50%);
  pointer-events: none;
}

.md-typeset .admonition-title {
  color: var(--erudi-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
  position: relative;
}

/* ============================================================================
   TABLEAUX — Glassmorphism avec hover effects emerald
   ========================================================================== */

.md-typeset table {
  border-collapse: collapse;
  border-radius: var(--erudi-radius-sm);
  overflow: hidden;
  box-shadow: var(--erudi-shadow-main);
  background: rgba(12, 19, 18, 0.6);
  backdrop-filter: blur(8px) saturate(1.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.md-typeset table thead {
  background: rgba(37, 192, 138, 0.15);
  backdrop-filter: blur(10px);
}

.md-typeset table th {
  color: var(--erudi-primary);
  font-weight: 600;
  padding: 0.75rem 1rem;
  border-bottom: 2px solid var(--erudi-primary);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.md-typeset table td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  color: var(--erudi-text-secondary);
}

.md-typeset table tbody tr {
  background: rgba(12, 19, 18, 0.4);
  transition: all 0.2s ease;
}

.md-typeset table tbody tr:hover {
  background: rgba(37, 192, 138, 0.08);
  transform: translateX(2px);
}

/* ============================================================================
   LISTES — Amélioration visuelle avec markers emerald
   ========================================================================== */

.md-typeset ul,
.md-typeset ol {
  margin-bottom: 1.25rem;
}

.md-typeset li {
  margin-bottom: 0.5rem;
  color: var(--erudi-text-secondary);
}

.md-typeset ul li::marker {
  color: var(--erudi-primary);
  font-weight: 600;
}

.md-typeset ol li::marker {
  color: var(--erudi-primary);
  font-weight: 700;
}

/* ============================================================================
   CITATIONS — Style blockquote glassmorphism
   ========================================================================== */

.md-typeset blockquote {
  background: rgba(12, 19, 18, 0.7);
  backdrop-filter: blur(10px) saturate(1.2);
  border-left: 4px solid var(--erudi-primary);
  border-radius: var(--erudi-radius-xs);
  border: 1px solid rgba(37, 192, 138, 0.2);
  border-left: 4px solid var(--erudi-primary);
  padding: 1rem 1.5rem;
  margin: 1.5rem 0;
  color: var(--erudi-text-secondary);
  font-style: italic;
  box-shadow: var(--erudi-shadow-main);
}

/* ============================================================================
   NAVIGATION — Glassmorphism touches Erudi
   ========================================================================== */

.md-nav__link--active {
  color: var(--erudi-primary) !important;
  font-weight: 600;
  background: rgba(37, 192, 138, 0.1) !important;
  border-left: 3px solid var(--erudi-primary);
}

.md-nav__link:hover {
  color: var(--erudi-emerald-hover) !important;
  background: rgba(37, 192, 138, 0.05) !important;
}

.md-nav__item .md-nav__link {
  color: var(--erudi-text-secondary) !important;
}

/* ============================================================================
   SEARCH — Style glassmorphism cohérent
   ========================================================================== */

.md-search__input {
  background: rgba(12, 19, 18, 0.8) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(37, 192, 138, 0.2) !important;
  border-radius: var(--erudi-radius-sm);
  color: var(--erudi-text) !important;
}

.md-search__input:focus {
  border-color: var(--erudi-primary) !important;
  box-shadow: 0 0 0 2px rgba(37, 192, 138, 0.2) !important;
}

.md-search__input::placeholder {
  color: var(--erudi-text-tertiary) !important;
}

/* ============================================================================
   SCROLLBAR — Style custom Erudi (webkit browsers)
   ========================================================================== */

.md-content::-webkit-scrollbar {
  width: 8px;
}

.md-content::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--erudi-primary), var(--erudi-dark));
  border-radius: 9999px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.md-content::-webkit-scrollbar-track {
  background: rgba(12, 19, 18, 0.5);
  border-radius: 9999px;
}

/* Firefox scrollbar */
.md-content {
  scrollbar-width: thin;
  scrollbar-color: var(--erudi-primary) rgba(12, 19, 18, 0.5);
}

/* Sidebar scrollbar */
.md-sidebar__scrollwrap::-webkit-scrollbar {
  width: 6px;
}

.md-sidebar__scrollwrap::-webkit-scrollbar-thumb {
  background: rgba(37, 192, 138, 0.4);
  border-radius: 9999px;
}

/* ============================================================================
   FOOTER — Style cohérent
   ========================================================================== */

.md-footer {
  background: rgba(7, 27, 24, 0.9) !important;
  backdrop-filter: blur(10px) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.md-footer-meta {
  background: transparent !important;
}

/* ============================================================================
   RESPONSIVE — Ajustements mobile
   ========================================================================== */

@media screen and (max-width: 768px) {
  .md-typeset {
    font-size: 0.9375rem; /* 15px */
  }
  
  .md-typeset pre {
    padding: 1rem;
    border-radius: var(--erudi-radius-sm);
  }
  
  .md-typeset h1 {
    font-size: 1.75rem;
  }
  
  .md-typeset h2 {
    font-size: 1.375rem;
  }
}

/* ============================================================================
   DARK MODE — Assurer la lisibilité (Material gère déjà le dark mode)
   ========================================================================== */

[data-md-color-scheme="slate"] .md-typeset code {
  background: rgba(43, 43, 43, 0.9);
  border-color: rgba(37, 192, 138, 0.3);
}

[data-md-color-scheme="slate"] .md-typeset pre {
  background: rgba(12, 19, 18, 0.9) !important;
  border-color: rgba(37, 192, 138, 0.2);
}

/* ============================================================================
   UTILITAIRES — Classes helpers pour documentation
   ========================================================================== */

.erudi-badge {
  display: inline-block;
  background: rgba(37, 192, 138, 0.15);
  backdrop-filter: blur(4px);
  color: var(--erudi-primary);
  border: 1px solid rgba(37, 192, 138, 0.4);
  border-radius: 9999px;
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.erudi-highlight {
  background: rgba(37, 192, 138, 0.2);
  backdrop-filter: blur(4px);
  border-left: 3px solid var(--erudi-primary);
  padding: 0.25rem 0.75rem;
  border-radius: var(--erudi-radius-xs);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* ============================================================================
   ANIMATIONS — Subtle micro-interactions
   ========================================================================== */

@keyframes pulse-emerald {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(37, 192, 138, 0.4);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(37, 192, 138, 0);
  }
}

.md-typeset h1:hover {
  animation: pulse-emerald 2s infinite;
}

/* ============================================================================
   FIN DU THÈME ERUDI (ENHANCED VERSION)
   ========================================================================== */

/* ============================================================================
   TITRES — Couleur d'accent Erudi + Font-weight cohérent
   ========================================================================== */

.md-typeset h1 {
  color: var(--erudi-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.md-typeset h2 {
  color: var(--erudi-primary);
  font-weight: 600;
  letter-spacing: -0.01em;
}

.md-typeset h3 {
  color: var(--erudi-primary-hover);
  font-weight: 600;
}

.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  color: var(--erudi-primary-hover);
  font-weight: 500;
}

/* ============================================================================
   BLOCS DE CODE — Style surface Erudi avec radius cohérent
   ========================================================================== */

.md-typeset pre {
  background-color: var(--erudi-surface) !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--erudi-radius);
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.md-typeset pre code {
  background-color: transparent !important;
  color: var(--erudi-text);
  font-size: 0.875rem;
  line-height: 1.6;
}

/* Highlight.js theme override */
.md-typeset .highlight {
  background-color: var(--erudi-surface);
  border-radius: var(--erudi-radius);
}

/* ============================================================================
   CODE INLINE — Style badges/tags Erudi
   ========================================================================== */

.md-typeset code {
  background-color: var(--erudi-surface-light);
  color: var(--erudi-primary-hover);
  border: 1px solid rgba(52, 211, 153, 0.2);
  border-radius: var(--erudi-radius-xs);
  padding: 0.15rem 0.4rem;
  font-size: 0.9em;
  font-weight: 500;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Ne pas styler le code inline dans les blocs pre */
.md-typeset pre code {
  background-color: transparent !important;
  color: inherit !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  font-weight: 400 !important;
}

/* ============================================================================
   TEXTE PRINCIPAL — Harmonisation avec l'UI Erudi
   ========================================================================== */

.md-typeset {
  color: var(--erudi-text);
  line-height: 1.7;
  font-size: 1rem;
}

.md-typeset p {
  margin-bottom: 1.25rem;
}

.md-typeset a {
  color: var(--erudi-primary-hover);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}

.md-typeset a:hover {
  color: var(--erudi-primary);
  border-bottom-color: var(--erudi-primary);
}

/* ============================================================================
   ADMONITIONS — Style cohérent avec les cards Erudi
   ========================================================================== */

.md-typeset .admonition {
  background-color: var(--erudi-surface);
  border-left: 4px solid var(--erudi-primary);
  border-radius: var(--erudi-radius-sm);
  padding: 1rem 1.25rem;
  margin: 1.5rem 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.md-typeset .admonition-title {
  color: var(--erudi-primary-hover);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/* ============================================================================
   TABLEAUX — Harmonisation avec l'UI
   ========================================================================== */

.md-typeset table {
  border-collapse: collapse;
  border-radius: var(--erudi-radius-sm);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.md-typeset table thead {
  background-color: var(--erudi-surface);
}

.md-typeset table th {
  color: var(--erudi-primary-hover);
  font-weight: 600;
  padding: 0.75rem 1rem;
  border-bottom: 2px solid var(--erudi-primary);
}

.md-typeset table td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.md-typeset table tbody tr:hover {
  background-color: rgba(16, 185, 129, 0.05);
}

/* ============================================================================
   LISTES — Amélioration visuelle
   ========================================================================== */

.md-typeset ul,
.md-typeset ol {
  margin-bottom: 1.25rem;
}

.md-typeset li {
  margin-bottom: 0.5rem;
}

.md-typeset ul li::marker {
  color: var(--erudi-primary);
}

.md-typeset ol li::marker {
  color: var(--erudi-primary);
  font-weight: 600;
}

/* ============================================================================
   CITATIONS — Style blockquote
   ========================================================================== */

.md-typeset blockquote {
  background-color: var(--erudi-surface);
  border-left: 4px solid var(--erudi-primary);
  border-radius: var(--erudi-radius-xs);
  padding: 1rem 1.5rem;
  margin: 1.5rem 0;
  color: var(--erudi-text-light);
  font-style: italic;
}

/* ============================================================================
   NAVIGATION — Subtle touches Erudi
   ========================================================================== */

.md-nav__link--active {
  color: var(--erudi-primary-hover) !important;
  font-weight: 600;
}

.md-nav__link:hover {
  color: var(--erudi-primary) !important;
}

/* ============================================================================
   SEARCH — Style cohérent
   ========================================================================== */

.md-search__input {
  border-radius: var(--erudi-radius-sm);
}

.md-search__input:focus {
  border-color: var(--erudi-primary);
}

/* ============================================================================
   SCROLLBAR — Style custom Erudi (webkit browsers)
   ========================================================================== */

.md-content::-webkit-scrollbar {
  width: 6px;
}

.md-content::-webkit-scrollbar-thumb {
  background-color: rgba(16, 185, 129, 0.4);
  border-radius: 9999px;
}

.md-content::-webkit-scrollbar-track {
  background-color: rgba(31, 41, 55, 0.1);
}

/* Firefox scrollbar */
.md-content {
  scrollbar-width: thin;
  scrollbar-color: rgba(16, 185, 129, 0.4) rgba(31, 41, 55, 0.1);
}

/* ============================================================================
   RESPONSIVE — Ajustements mobile
   ========================================================================== */

@media screen and (max-width: 768px) {
  .md-typeset {
    font-size: 0.9375rem; /* 15px */
  }
  
  .md-typeset pre {
    padding: 1rem;
    border-radius: var(--erudi-radius-sm);
  }
  
  .md-typeset h1 {
    font-size: 1.75rem;
  }
  
  .md-typeset h2 {
    font-size: 1.375rem;
  }
}

/* ============================================================================
   DARK MODE — Assurer la lisibilité
   Note: MkDocs Material gère automatiquement le dark mode
   Ces règles s'appliquent en complément
   ========================================================================== */

[data-md-color-scheme="slate"] .md-typeset code {
  background-color: var(--erudi-surface);
  border-color: rgba(52, 211, 153, 0.25);
}

[data-md-color-scheme="slate"] .md-typeset pre {
  background-color: var(--erudi-surface) !important;
  border-color: rgba(255, 255, 255, 0.15);
}

/* ============================================================================
   UTILITAIRES — Classes helpers pour documentation
   ========================================================================== */

.erudi-badge {
  display: inline-block;
  background-color: rgba(16, 185, 129, 0.1);
  color: var(--erudi-primary-hover);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 9999px;
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.erudi-highlight {
  background-color: rgba(16, 185, 129, 0.15);
  border-left: 3px solid var(--erudi-primary);
  padding: 0.125rem 0.5rem;
  border-radius: var(--erudi-radius-xs);
}

/* ============================================================================
   FIN DU THÈME ERUDI
   ========================================================================== */