/* Outilsco — surcouche thème sombre pour les pages du guide (CoderDocs) */
:root{
  --oc-bg:#0A0D10; --oc-bg-alt:#12171C; --oc-card:#12171C;
  --oc-ink:#F4F1E9; --oc-ink-dim:#A2ABB0; --oc-line:rgba(232,225,204,.12);
  --oc-gold:#FFB300;
}
body{background:var(--oc-bg)!important;color:var(--oc-ink-dim)!important}
.header, .docs-branding{background:var(--oc-bg-alt)!important;box-shadow:0 1px 0 var(--oc-line)!important}
.site-logo .logo-text{color:var(--oc-gold)!important}
.docs-sidebar{background:var(--oc-bg-alt)!important;border-right:1px solid var(--oc-line)}
.docs-nav .nav-link{color:var(--oc-ink-dim)!important}
.docs-nav .nav-link:before{background-color:rgba(255,179,0,.12)!important}
.docs-nav .nav-item.active .nav-link,.docs-nav .nav-link.active{color:var(--oc-gold)!important}
.docs-nav .nav-item.active .nav-link:before,.docs-nav .nav-link.active:before{background-color:var(--oc-gold)!important}
.theme-icon-holder{background:rgba(255,179,0,.12)!important;color:var(--oc-gold)!important}
.docs-article{color:var(--oc-ink-dim)!important}
.docs-article strong{color:var(--oc-ink)!important}
.docs-article h2,.docs-article h3,.docs-article h4,.docs-article .docs-heading,.docs-article .section-heading{color:var(--oc-ink)!important}
.docs-article .docs-section{border-bottom:1px solid var(--oc-line)!important}
a.theme-link, .docs-article a{color:var(--oc-gold)!important}
[style*="color: rgb(123, 89, 4)"], [style*="color: orange"]{color:var(--oc-gold)!important}
.btn-primary{background:var(--oc-gold)!important;border-color:var(--oc-gold)!important;color:#171009!important}
code{background:var(--oc-bg-alt)!important;color:var(--oc-gold)!important}
.callout-block{background:var(--oc-bg-alt)!important;border-left-color:var(--oc-gold)!important}
::selection{background:var(--oc-gold);color:#171009}
.site-logo .logo-text{text-shadow:0 0 18px rgba(255,179,0,.45)}
.footer{background:var(--oc-bg-alt)!important}
.footer .social-list a{color:var(--oc-ink-dim)!important;transition:color .25s,text-shadow .25s}
.footer .social-list a:hover{color:var(--oc-gold)!important;text-shadow:0 0 14px rgba(255,179,0,.5)}
.docs-toc .nav-link.active{color:var(--oc-gold)!important}
img{background:linear-gradient(100deg,var(--oc-bg-alt) 8%,#1a2027 18%,var(--oc-bg-alt) 33%);background-size:200% 100%}
img.osc-loaded,img.osc-error{background:none}