.kaiopen-theme-toggle{position:fixed;right:18px;bottom:18px;z-index:90;border:1px solid #668395;border-radius:24px;padding:9px 15px;background:#0d1e30;color:#edf3f9;font:13px system-ui;box-shadow:0 3px 16px #0003;cursor:pointer}.kaiopen-theme-toggle:focus-visible{outline:3px solid #58a7cb;outline-offset:3px}[data-appearance=light] .kaiopen-theme-toggle{background:#fff;color:#17374a}
/* The academy's original light layout uses the shared dark appearance here. */
html[data-appearance=dark] body.ko-academy{background:#081321;color:#e5eef6}.ko-academy{transition:background-color .15s,color .15s}
[data-appearance=dark] .ko-academy header{background:#0b192af2;border-color:#284056}[data-appearance=dark] .ko-academy a{color:#91d9d8}[data-appearance=dark] .ko-academy .brand{color:#e5eef6}[data-appearance=dark] .ko-academy .lesson{background:#0e2033;border-color:#294358}[data-appearance=dark] .ko-academy :is(.lead,.intro,.trouble,.coach,small,aside nav a){color:#aec2d0}[data-appearance=dark] .ko-academy :is(.levels div,.exercise,th){background:#142f3c}[data-appearance=dark] .ko-academy .answer{background:#192a36;border-color:#45606b}[data-appearance=dark] .ko-academy textarea{background:#081a2b;color:#e5eef6;border-color:#466475}[data-appearance=dark] .ko-academy :is(.goal,.eyebrow,.lesson-meta){color:#91d9c8}[data-appearance=dark] .ko-academy :is(td,th,.hero,.goal,.done){border-color:#30495c}[data-appearance=dark] .ko-academy .primary{background:#226d68;color:#fff}[data-appearance=dark] .ko-academy aside nav a:hover{background:#203d4b}
/* Estimate previously had a fixed navy palette. */
html[data-appearance=light] body.ko-estimate{background:#f2f6f7;color:#183344}[data-appearance=light] .ko-estimate :is(header,footer){background:#f2f6f7;border-color:#c5d5df;color:#476574}[data-appearance=light] .ko-estimate :is(.panel,.metrics article){background:#fff;border-color:#c8d7df;color:#183344}[data-appearance=light] .ko-estimate .metrics .primary{background:#e0f2f1;border-color:#6aa5ac}[data-appearance=light] .ko-estimate :is(input,select,button){background:#edf4f7;border-color:#9db5c5;color:#183344;color-scheme:light}[data-appearance=light] .ko-estimate :is(p,label,small,th,td,caption,.hint,.costlines p,.metrics span,.metrics small,.grow label,.grow small){color:#466273}[data-appearance=light] .ko-estimate :is(h1,h2,h3,.metrics strong,.logo){color:#173b4e}[data-appearance=light] .ko-estimate :is(a,h1 em,.actualrow output){color:#126c74}[data-appearance=light] .ko-estimate .notice{background:#e0f0f3;color:#315665}[data-appearance=light] .ko-estimate :is(td,th,.costlines p:last-child){border-color:#cad8e2}[data-appearance=light] .ko-estimate .track{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#c2d2db 25%)}
/* Existing Office editor pages use inline light surfaces. */
html[data-appearance=dark] body.ko-office-editor{background:#081321;color:#e6eef5}[data-appearance=dark] .ko-office-editor :is(.card,.panel,header){background:#102239;color:#e6eef5;border-color:#2c465b}[data-appearance=dark] .ko-office-editor :is(input,select,textarea,button){background:#142a3d;color:#e6eef5;border-color:#436077}
@media print{.kaiopen-theme-toggle{display:none!important}}

/* Exact existing KaiOpen mother-site tokens, shared rather than redesigned. */
:root{--ko-bg:#081321;--ko-surface:#0d1e30;--ko-raised:#12283e;--ko-ink:#edf3f9;--ko-muted:#9baec2;--ko-line:#263b50;--ko-accent:#94d7df}
:root[data-appearance=light]{--ko-bg:#f4f7f8;--ko-surface:#fff;--ko-raised:#e4edf1;--ko-ink:#152d42;--ko-muted:#4d6477;--ko-line:#cbd8df;--ko-accent:#206575}
html[data-appearance] body.ko-academy,html[data-appearance] body.ko-estimate{background:var(--ko-bg);color:var(--ko-ink)}
[data-appearance] .ko-academy header{background:var(--ko-bg);border-color:var(--ko-line)}
[data-appearance] .ko-academy :is(.lesson,textarea){background:var(--ko-surface);color:var(--ko-ink);border-color:var(--ko-line)}
[data-appearance] .ko-academy :is(.levels div,.exercise,th,.answer){background:var(--ko-raised);color:var(--ko-ink);border-color:var(--ko-line)}
[data-appearance] .ko-academy :is(.lead,.intro,.trouble,.coach,small,aside nav a){color:var(--ko-muted)}
[data-appearance] .ko-academy :is(a,.eyebrow,.lesson-meta,.goal){color:var(--ko-accent)}
[data-appearance] .ko-academy .brand{color:var(--ko-ink)}
[data-appearance] .ko-academy .primary{background:var(--ko-accent);color:var(--ko-bg)}
[data-appearance] .ko-estimate :is(header,footer){background:var(--ko-bg);color:var(--ko-ink);border-color:var(--ko-line)}
[data-appearance] .ko-estimate :is(.panel,.metrics article){background:var(--ko-surface);color:var(--ko-ink);border-color:var(--ko-line)}
[data-appearance] .ko-estimate .metrics .primary{background:var(--ko-raised)}
html[data-appearance]:not([data-theme=white]):not([data-theme=purple]):not([data-theme=green]):not([data-theme=black]){--paper:var(--ko-bg);--surface:var(--ko-surface);--ink:var(--ko-ink);--line:var(--ko-line)}
html[data-appearance] body.ko-showcase{--bg:var(--ko-bg);--paper:var(--ko-surface);--ink:var(--ko-ink);--muted:var(--ko-muted);--line:var(--ko-line);--soft:var(--ko-raised)}

html[data-appearance] body.ko-office{background:var(--ko-bg);color:var(--ko-ink)}
[data-appearance] .ko-office :is(h2,h3,h4,.hub-kpi strong){color:var(--ko-ink)}
[data-appearance] .ko-office :is(p,small,.desc,.hub-kpi span,.hub-kpi small,.hub-top p){color:var(--ko-muted)}
[data-appearance] .ko-office :is(.hub-card,.hub-kpi,.hub-chart-card,.hub-alert-card){background:var(--ko-surface);border-color:var(--ko-line)}