/* App chrome only; factual participant/party colors remain in their original chart data. */
:root{--brand:#f2c500;--brand-2:#dfb400;--brand-soft:#fff5c2;--on-brand:#241e00;--accent:#8a6c00;--accent-soft:#fff4bc;--ring:0 0 0 3px #b8940040}
:root[data-theme=dark]{--brand:#f5cd28;--brand-2:#ffe06b;--brand-soft:#3b3315;--on-brand:#211b00;--accent:#edcb57;--accent-soft:#342d17;--ring:0 0 0 3px #f5cd2840}
.sidebar{border-top:5px solid #f2c500}.sidebar .brand{color:var(--ink)}
.nav a.active{background:var(--brand-soft);color:var(--ink)}
a:not(.btn):not(.active){text-decoration-color:var(--accent)}
.brand b{font-size:16px;letter-spacing:.02em}.brand small{font-size:11px}
.content:after{content:'Penampil data pemilu historis Jawa Tengah · Tema visual Golkar';display:block;margin:30px 0 8px;color:var(--ink-2);font-size:11px}
/* Dark ochre text on pale yellow meets readable contrast in light mode. */
:root{--brand-ink:#705800}:root[data-theme=dark]{--brand-ink:#f5cd28}
.chip,.kpi .ico,.crumbs button:hover:not(:disabled){color:var(--brand-ink)}
.nav a.active,.nav a.router-link-exact-active{color:var(--ink)}
.orb.c{background:#f2c500}
.brand:hover .brand-mark{transform:none}