/* ═════════════ SKIN dLOCAL — look de las referencias ═════════════ */
:root{
  --bg:#2840DB; --bg2:#304DE5;
  --fg:#FFFFFF; --fg-60:rgba(255,255,255,.6); --fg-38:rgba(255,255,255,.38);
  --dblue:#2B46E2; --sky:#33B6FF; --icefg:#ADE2FF; --deepnavy:#0D0095;
  --hair:rgba(255,255,255,.28); --hair2:rgba(255,255,255,.16);
  --glass:rgba(255,255,255,.1); --glassb:rgba(255,255,255,.16);
  --r:18px;
}
html,body{background:var(--bg)}
body{color:var(--fg);
  background-color:var(--bg);
  background-image:radial-gradient(150% 105% at 50% -10%,#3A57EA 0%,#2B46E2 46%,#2840DB 100%);
  background-attachment:fixed;
  font-family:'Roboto',var(--sans)}
.h1,
.h2,
h1,
h2,
h4,
b,
.mono,
button{font-family:var(--sans)}
.mono{font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.22em;
  text-transform:uppercase;color:var(--fg-60)}
.chart-src{color:var(--fg-38)}

/* ── NAV ── */
.nav-logo{background:transparent;padding:0 0 0 var(--gut);color:#fff}
.nav-logo>span{color:var(--fg-38)}
.nav-r{color:#fff}
.nav-r>*:hover{color:var(--icefg)}
p a,.link{color:var(--icefg);text-decoration-color:rgba(173,226,255,.5)}
p a:hover,.link:hover{color:#fff}

/* ── página de capítulo ── */
.chp-hero{background:linear-gradient(180deg,rgba(13,0,149,.14),rgba(13,0,149,.3)),
  radial-gradient(120% 86% at 50% 0%,var(--tb,#33B6FF) 0%,var(--ta,#3A57EA) 50%,var(--td,#2840DB) 100%)}
.chp-hero h1{color:#fff}
.secnav a{color:var(--fg-38)}
.secnav a.on{color:#fff}
.secnav a.on s{background:var(--sky)}
.secnav a:hover{color:#fff}
.sect-head h2{color:#fff}
.rt p{color:var(--fg-60)}

/* charts sobre oscuro */
.chart-h{color:#fff;border-color:rgba(255,255,255,.55)}
.cleg li{color:var(--fg-60)}
.hbars:hover .hb:not(:hover) .hb-bar{opacity:.35}
.stack-bar i b{color:#0A1240}
.callout{background:var(--glass);border:1px solid var(--glassb);border-radius:var(--r);color:#fff}
.callout .mono{color:var(--icefg)}
.bn th{color:var(--fg-38);border-color:rgba(255,255,255,.55)}
.bn td{color:var(--fg-60);border-color:var(--hair2)}
.bn td:first-child{color:#fff}
.brq{background:#fff;border-radius:var(--r);color:#0A1240}
.brq blockquote{color:#0A1240}
.brq footer small{color:rgba(10,18,64,.5)}
.linechart text{fill:var(--fg-60)}
.linechart line{stroke:var(--hair2)}
.colchart .cc-b{background:#fff;border-radius:6px 6px 0 0}
.colchart .cc-b b{color:var(--dblue)}
.colchart .cc-a{background:var(--sky);border-radius:6px 6px 0 0}
.colchart .cc-a b{color:var(--icefg)}
.colchart .cc-lab{color:var(--fg-60)}
#tip{background:#0D0F52;border:1px solid var(--glassb)}

/* tooltips / hover ya heredan */
@media(max-width:900px){
}