/* Tema claro: se carga después de sc.css y solo redefine colores */
:root{--bb-navy:#f4faf9;--bb-text:#3b5754;--bb-light:#d8f0ee;--ink:#0f2f2b;--card:#ffffff;--line:#d3e6e3;}
body{background:var(--bb-navy);color:var(--bb-text);}
a{color:var(--bb-blue2);}

/* Hero */
.hero{background:linear-gradient(135deg,#e6f4f1 0%,#f4faf9 55%,#ffffff 100%);}
.hero::before{background:radial-gradient(ellipse at 70% 40%,rgba(54,172,159,.18) 0%,transparent 62%);}
.hero h1{color:var(--ink);}
.hero h1 span{color:var(--bb-blue);}
.hero .lead{color:#27433f;}
.badge,.sec-label{background:rgba(33,142,132,.1);color:var(--bb-blue2);border-color:rgba(33,142,132,.35);}
.callout{background:#e8f5f3;border-color:rgba(33,142,132,.35);color:#27433f;}
.callout i{color:var(--bb-blue);}
.btn-s{color:var(--bb-blue2);border-color:var(--bb-blue);}
.btn-s:hover{background:rgba(33,142,132,.08);border-color:var(--bb-blue2);}

/* Secciones */
.sec-alt{background:#eaf5f3;}
.sec-title{color:var(--ink);}
.sec-sub{color:var(--bb-text);}
.note,.crumb{color:#5d7a76;}
.fl li i,.pillar i,.panel h3 i,.cy i{color:var(--bb-blue);}

/* Tarjetas */
.pillar,.panel,.sw,.st,details{background:var(--card);border:1px solid var(--line);box-shadow:0 1px 3px rgba(15,47,43,.06);}
.pillar h4,.panel h3,.sw h4,.st b,.cy b,summary{color:var(--ink);}
.cy{background:#eef8f6;border-color:var(--line);}
.cy:not(:last-child)::after{color:var(--bb-blue);}
a.plink:hover,.panel:hover{border-color:rgba(33,142,132,.55);}
a.plink .more,.sw button{color:var(--bb-blue2);}
.quote{background:#e8f5f3;color:#1d3a36;border-left-color:var(--bb-blue);}
.tags span{background:#e3f3f0;border-color:rgba(33,142,132,.3);color:#14544d;}
summary::after{color:var(--bb-blue);}

/* Migración */
.mig{background:linear-gradient(135deg,#e1f2ee,#f1f9f7);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.mig h3{color:var(--ink)!important;}

/* Auxiliar ilustrativo: se mantiene oscuro como contraste */
.ledger{box-shadow:0 18px 40px rgba(15,47,43,.25);}

/* TOM */
.tom-card{background:#fff;border-color:var(--line);box-shadow:0 2px 8px rgba(15,47,43,.08);}
.tom-card b{color:var(--ink);}
.tom-link{color:var(--bb-blue2);}

.sistemas .sec-label{color:var(--bb-cyan);background:rgba(54,172,159,.12);border-color:rgba(54,172,159,.4);}

/* Pie */
.bb-footer small a{color:rgba(255,255,255,.7);}
