/* ═══════════════════════════════════════════════════
   IAVANCE Brain — Thème Premium Sombre
   ═══════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --bg-primary: #0A0A0F;
  --bg-secondary: #111118;
  --bg-tertiary: #1A1A24;
  --bg-card: #16161F;
  --border: #2A2A38;
  --teal: #1D9E75;
  --teal-light: #5DCAA5;
  --teal-glow: rgba(29,158,117,0.15);
  --gold: #C8922A;
  --gold-light: #E8B84B;
  --gold-glow: rgba(200,146,42,0.12);
  --text-primary: #E8E6E0;
  --text-secondary: #9A9890;
  --text-muted: #5A5858;
  --radius: 8px;
  --transition: all 0.18s ease;
}

body { background-color: var(--bg-primary) !important; color: var(--text-primary) !important; font-family: 'Inter', sans-serif !important; font-size: 15px !important; line-height: 1.75 !important; -webkit-font-smoothing: antialiased; }

.sidebar { background-color: var(--bg-secondary) !important; border-right: 1px solid var(--border) !important; }
.sidebar-scrollbox { padding: 1.5rem 0 !important; }
.chapter li a, .chapter li div { color: var(--text-secondary) !important; font-size: 13.5px !important; padding: 6px 20px !important; border-left: 3px solid transparent !important; display: block !important; text-decoration: none !important; transition: var(--transition) !important; }
.chapter li a:hover { color: var(--text-primary) !important; background: var(--teal-glow) !important; border-left-color: var(--teal) !important; }
.chapter li a.active { color: var(--teal-light) !important; background: var(--teal-glow) !important; border-left-color: var(--teal) !important; font-weight: 500 !important; }
.chapter li.part-title { color: var(--gold) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; padding: 1.2rem 20px 0.4rem !important; }

#menu-bar { background: var(--bg-secondary) !important; border-bottom: 1px solid var(--border) !important; }

.content { background: var(--bg-primary) !important; padding: 2.5rem 3rem !important; max-width: 820px !important; }

.content h1 { font-size: 2rem !important; font-weight: 700 !important; color: var(--text-primary) !important; border-bottom: 2px solid var(--teal) !important; padding-bottom: 0.5rem !important; margin-bottom: 1.2rem !important; }
.content h2 { font-size: 1.35rem !important; font-weight: 600 !important; color: var(--teal-light) !important; margin-top: 2rem !important; }
.content h3 { font-size: 1.05rem !important; font-weight: 600 !important; color: var(--gold-light) !important; }
.content a { color: var(--teal-light) !important; text-decoration: none !important; border-bottom: 1px solid transparent !important; transition: var(--transition) !important; }
.content a:hover { color: var(--teal) !important; border-bottom-color: var(--teal) !important; }
.content ul li::marker { color: var(--teal) !important; }
.content ol li::marker { color: var(--gold) !important; font-weight: 600 !important; }
.content code:not(pre code) { background: var(--bg-tertiary) !important; color: var(--teal-light) !important; font-family: 'JetBrains Mono', monospace !important; font-size: 0.85em !important; padding: 2px 7px !important; border-radius: 4px !important; border: 1px solid var(--border) !important; }
pre { background: #0D1117 !important; border: 1px solid var(--border) !important; border-left: 3px solid var(--teal) !important; border-radius: var(--radius) !important; padding: 1.2rem 1.4rem !important; margin: 1.2rem 0 !important; }
pre code { font-family: 'JetBrains Mono', monospace !important; font-size: 13px !important; line-height: 1.65 !important; color: #E8E6E0 !important; background: transparent !important; border: none !important; padding: 0 !important; }
.content table th { background: var(--bg-tertiary) !important; color: var(--teal-light) !important; font-weight: 600 !important; font-size: 12px !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; padding: 10px 14px !important; border-bottom: 2px solid var(--teal) !important; }
.content table td { padding: 9px 14px !important; border-bottom: 1px solid var(--border) !important; color: var(--text-primary) !important; }
.content table tr:nth-child(even) td { background: var(--bg-secondary) !important; }
.content table tr:hover td { background: var(--teal-glow) !important; }
.content blockquote { background: var(--gold-glow) !important; border-left: 3px solid var(--gold) !important; border-radius: 0 var(--radius) var(--radius) 0 !important; padding: 0.9rem 1.2rem !important; }
.content blockquote p { color: var(--text-secondary) !important; margin: 0 !important; font-style: italic; }
.content hr { border: none !important; border-top: 1px solid var(--border) !important; margin: 2rem 0 !important; }
#searchbar { background: var(--bg-tertiary) !important; border: 1px solid var(--border) !important; border-radius: var(--radius) !important; color: var(--text-primary) !important; }
#searchbar:focus { border-color: var(--teal) !important; box-shadow: 0 0 0 2px var(--teal-glow) !important; outline: none !important; }
::selection { background: var(--teal-glow) !important; color: var(--teal-light) !important; }
::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: var(--bg-primary); } ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background: var(--teal); }