:root{
    --brand-primary:#13294B;
    --brand-accent:#dbdd3b;
    --brand-muted:#6B8724;
    --brand-bg:#f7f9f8;
}
body{font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background-color:var(--brand-bg); line-height:1.6;}
.bg-hero{background:rgba(19,41,75, 0.9)}
.hero-badge{background:rgba(219,221,59,.15); color:#C9A24D; border:1px solid rgba(219,221,59,.35)}
.h4, h4 { font-size: 1.5rem; padding-top: 25px; }
a:hover { text-decoration: none; color:#C9A24D; }
footer{background-color:var(--brand-primary); color:#e9f2f2;}
html[data-theme="dark"] body{
    background:linear-gradient(180deg,#0f1422 0%,#151b2d 100%);
    color:#cbc3de;
}
html[data-theme="dark"] .bg-hero{
    background:
        linear-gradient(135deg,rgba(20,25,40,.96),rgba(31,38,58,.92)),
        radial-gradient(circle at top right,rgba(201,162,77,.14),transparent 32%);
}
html[data-theme="dark"] main{
    background:transparent !important;
}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] .h4,
html[data-theme="dark"] .h5,
html[data-theme="dark"] strong{
    color:#f7f1ff;
}
html[data-theme="dark"] p,
html[data-theme="dark"] div{
    color:#cbc3de;
}
html[data-theme="dark"] a{
    color:#d9c27e;
}
html[data-theme="dark"] a:hover{
    color:#f3d99a;
}