/* KH-APPEARANCE-1. Optional overrides only; Original removes the attribute. */
html[data-kh-appearance="ocean"],html[data-kh-appearance="ocean"] body{--kh-bg:#101E29!important;--kh-bg2:#14283A!important;--kh-surface:#152B3B!important;--kh-surface2:#1B3547!important;--kh-ink:#EEF7FF!important;--kh-muted:#A3C6DA!important;--kh-line:#315567!important;--kh-accent:#8BDDDD!important;--kh-accentInk:#102C38!important;--kh-soft:#244651!important;--bg:var(--kh-bg)!important;--paper:var(--kh-bg)!important;--background:var(--kh-bg)!important;--page-bg:var(--kh-bg)!important;--uh-bg:var(--kh-bg)!important;--d-bg:var(--kh-bg)!important;--s-bg:var(--kh-bg)!important;--night:var(--kh-bg)!important;--bg2:var(--kh-bg2)!important;--bg-soft:var(--kh-bg2)!important;--soft:var(--kh-bg2)!important;--alt:var(--kh-bg2)!important;--sunk:var(--kh-bg2)!important;--s-bg2:var(--kh-bg2)!important;--s-alt:var(--kh-bg2)!important;--night-2:var(--kh-bg2)!important;--smoke-1:var(--kh-bg2)!important;--smoke-2:var(--kh-bg2)!important;--h3-glass:var(--kh-bg2)!important;--surface:var(--kh-surface)!important;--card:var(--kh-surface)!important;--panel:var(--kh-surface)!important;--uh-card:var(--kh-surface)!important;--d-panel:var(--kh-surface)!important;--s-card:var(--kh-surface)!important;--night-card:var(--kh-surface)!important;--glass:var(--kh-surface)!important;--surface-2:var(--kh-surface2)!important;--surface-strong:var(--kh-surface2)!important;--card-2:var(--kh-surface2)!important;--panel2:var(--kh-surface2)!important;--d-panel2:var(--kh-surface2)!important;--s-card2:var(--kh-surface2)!important;--s-alt2:var(--kh-surface2)!important;--s-sunk:var(--kh-surface2)!important;--s-sunk2:var(--kh-surface2)!important;--s-sunk3:var(--kh-surface2)!important;--night-3:var(--kh-surface2)!important;--smoke-3:var(--kh-surface2)!important;--ink:var(--kh-ink)!important;--text:var(--kh-ink)!important;--text-main:var(--kh-ink)!important;--text-primary:var(--kh-ink)!important;--uh-ink:var(--kh-ink)!important;--d-ink:var(--kh-ink)!important;--smoke-ink:var(--kh-ink)!important;--night-ink:var(--kh-ink)!important;--night-soft:var(--kh-ink)!important;--mut:var(--kh-muted)!important;--muted:var(--kh-muted)!important;--mute:var(--kh-muted)!important;--ink-2:var(--kh-muted)!important;--ink-3:var(--kh-muted)!important;--text-muted:var(--kh-muted)!important;--uh-mut:var(--kh-muted)!important;--d-mut:var(--kh-muted)!important;--night-mute:var(--kh-muted)!important;--faint:var(--kh-muted)!important;--line:var(--kh-line)!important;--line-2:var(--kh-line)!important;--line-strong:var(--kh-line)!important;--edge:var(--kh-line)!important;--border:var(--kh-line)!important;--card-edge:var(--kh-line)!important;--uh-line:var(--kh-line)!important;--d-line:var(--kh-line)!important;--s-line:var(--kh-line)!important;--smoke-line:var(--kh-line)!important;--night-line:var(--kh-line)!important;--h3-edge:var(--kh-line)!important;--h3-hair:var(--kh-line)!important;--chrome-edge:var(--kh-line)!important;--brand:var(--kh-accent)!important;--brand-ink:var(--kh-accent)!important;--accent:var(--kh-accent)!important;--primary:var(--kh-accent)!important;--pri:var(--kh-accent)!important;--ember:var(--kh-accent)!important;--ember-hi:var(--kh-accent)!important;--teal:var(--kh-accent)!important;--teal-ink:var(--kh-accent)!important;--hub-accent:var(--kh-accent)!important;--hub-accent-deep:var(--kh-accent)!important;--h3-blue:var(--kh-accent)!important;--uh-amber:var(--kh-accent)!important;--s-btn:var(--kh-accent)!important;--link:var(--kh-accent)!important;--hub-accent-ink:var(--kh-accentInk)!important;--brand-soft:var(--kh-soft)!important;--accent-soft:var(--kh-soft)!important;--ember-soft:var(--kh-soft)!important;--teal-soft:var(--kh-soft)!important;--h3-blue-lo:var(--kh-soft)!important;--cyan-soft:var(--kh-soft)!important;--orange-soft:var(--kh-soft)!important;color-scheme:dark;}
html[data-kh-appearance="sunset"],html[data-kh-appearance="sunset"] body{--kh-bg:#F7EEE5!important;--kh-bg2:#F5E6D7!important;--kh-surface:#FFF9F1!important;--kh-surface2:#FFFCF7!important;--kh-ink:#614132!important;--kh-muted:#8B6050!important;--kh-line:#E6C8B8!important;--kh-accent:#AD513F!important;--kh-accentInk:#FFFFFF!important;--kh-soft:#F4DFD2!important;--bg:var(--kh-bg)!important;--paper:var(--kh-bg)!important;--background:var(--kh-bg)!important;--page-bg:var(--kh-bg)!important;--uh-bg:var(--kh-bg)!important;--d-bg:var(--kh-bg)!important;--s-bg:var(--kh-bg)!important;--night:var(--kh-bg)!important;--bg2:var(--kh-bg2)!important;--bg-soft:var(--kh-bg2)!important;--soft:var(--kh-bg2)!important;--alt:var(--kh-bg2)!important;--sunk:var(--kh-bg2)!important;--s-bg2:var(--kh-bg2)!important;--s-alt:var(--kh-bg2)!important;--night-2:var(--kh-bg2)!important;--smoke-1:var(--kh-bg2)!important;--smoke-2:var(--kh-bg2)!important;--h3-glass:var(--kh-bg2)!important;--surface:var(--kh-surface)!important;--card:var(--kh-surface)!important;--panel:var(--kh-surface)!important;--uh-card:var(--kh-surface)!important;--d-panel:var(--kh-surface)!important;--s-card:var(--kh-surface)!important;--night-card:var(--kh-surface)!important;--glass:var(--kh-surface)!important;--surface-2:var(--kh-surface2)!important;--surface-strong:var(--kh-surface2)!important;--card-2:var(--kh-surface2)!important;--panel2:var(--kh-surface2)!important;--d-panel2:var(--kh-surface2)!important;--s-card2:var(--kh-surface2)!important;--s-alt2:var(--kh-surface2)!important;--s-sunk:var(--kh-surface2)!important;--s-sunk2:var(--kh-surface2)!important;--s-sunk3:var(--kh-surface2)!important;--night-3:var(--kh-surface2)!important;--smoke-3:var(--kh-surface2)!important;--ink:var(--kh-ink)!important;--text:var(--kh-ink)!important;--text-main:var(--kh-ink)!important;--text-primary:var(--kh-ink)!important;--uh-ink:var(--kh-ink)!important;--d-ink:var(--kh-ink)!important;--smoke-ink:var(--kh-ink)!important;--night-ink:var(--kh-ink)!important;--night-soft:var(--kh-ink)!important;--mut:var(--kh-muted)!important;--muted:var(--kh-muted)!important;--mute:var(--kh-muted)!important;--ink-2:var(--kh-muted)!important;--ink-3:var(--kh-muted)!important;--text-muted:var(--kh-muted)!important;--uh-mut:var(--kh-muted)!important;--d-mut:var(--kh-muted)!important;--night-mute:var(--kh-muted)!important;--faint:var(--kh-muted)!important;--line:var(--kh-line)!important;--line-2:var(--kh-line)!important;--line-strong:var(--kh-line)!important;--edge:var(--kh-line)!important;--border:var(--kh-line)!important;--card-edge:var(--kh-line)!important;--uh-line:var(--kh-line)!important;--d-line:var(--kh-line)!important;--s-line:var(--kh-line)!important;--smoke-line:var(--kh-line)!important;--night-line:var(--kh-line)!important;--h3-edge:var(--kh-line)!important;--h3-hair:var(--kh-line)!important;--chrome-edge:var(--kh-line)!important;--brand:var(--kh-accent)!important;--brand-ink:var(--kh-accent)!important;--accent:var(--kh-accent)!important;--primary:var(--kh-accent)!important;--pri:var(--kh-accent)!important;--ember:var(--kh-accent)!important;--ember-hi:var(--kh-accent)!important;--teal:var(--kh-accent)!important;--teal-ink:var(--kh-accent)!important;--hub-accent:var(--kh-accent)!important;--hub-accent-deep:var(--kh-accent)!important;--h3-blue:var(--kh-accent)!important;--uh-amber:var(--kh-accent)!important;--s-btn:var(--kh-accent)!important;--link:var(--kh-accent)!important;--hub-accent-ink:var(--kh-accentInk)!important;--brand-soft:var(--kh-soft)!important;--accent-soft:var(--kh-soft)!important;--ember-soft:var(--kh-soft)!important;--teal-soft:var(--kh-soft)!important;--h3-blue-lo:var(--kh-soft)!important;--cyan-soft:var(--kh-soft)!important;--orange-soft:var(--kh-soft)!important;color-scheme:light;}
html[data-kh-appearance="ivory"],html[data-kh-appearance="ivory"] body{--kh-bg:#F8F6F0!important;--kh-bg2:#EFECE4!important;--kh-surface:#FFFEFA!important;--kh-surface2:#F3F0E8!important;--kh-ink:#26394D!important;--kh-muted:#646A70!important;--kh-line:#DCD6C9!important;--kh-accent:#536D82!important;--kh-accentInk:#FFFFFF!important;--kh-soft:#E4E8E8!important;--bg:var(--kh-bg)!important;--paper:var(--kh-bg)!important;--background:var(--kh-bg)!important;--page-bg:var(--kh-bg)!important;--uh-bg:var(--kh-bg)!important;--d-bg:var(--kh-bg)!important;--s-bg:var(--kh-bg)!important;--night:var(--kh-bg)!important;--bg2:var(--kh-bg2)!important;--bg-soft:var(--kh-bg2)!important;--soft:var(--kh-bg2)!important;--alt:var(--kh-bg2)!important;--sunk:var(--kh-bg2)!important;--s-bg2:var(--kh-bg2)!important;--s-alt:var(--kh-bg2)!important;--night-2:var(--kh-bg2)!important;--smoke-1:var(--kh-bg2)!important;--smoke-2:var(--kh-bg2)!important;--h3-glass:var(--kh-bg2)!important;--surface:var(--kh-surface)!important;--card:var(--kh-surface)!important;--panel:var(--kh-surface)!important;--uh-card:var(--kh-surface)!important;--d-panel:var(--kh-surface)!important;--s-card:var(--kh-surface)!important;--night-card:var(--kh-surface)!important;--glass:var(--kh-surface)!important;--surface-2:var(--kh-surface2)!important;--surface-strong:var(--kh-surface2)!important;--card-2:var(--kh-surface2)!important;--panel2:var(--kh-surface2)!important;--d-panel2:var(--kh-surface2)!important;--s-card2:var(--kh-surface2)!important;--s-alt2:var(--kh-surface2)!important;--s-sunk:var(--kh-surface2)!important;--s-sunk2:var(--kh-surface2)!important;--s-sunk3:var(--kh-surface2)!important;--night-3:var(--kh-surface2)!important;--smoke-3:var(--kh-surface2)!important;--ink:var(--kh-ink)!important;--text:var(--kh-ink)!important;--text-main:var(--kh-ink)!important;--text-primary:var(--kh-ink)!important;--uh-ink:var(--kh-ink)!important;--d-ink:var(--kh-ink)!important;--smoke-ink:var(--kh-ink)!important;--night-ink:var(--kh-ink)!important;--night-soft:var(--kh-ink)!important;--mut:var(--kh-muted)!important;--muted:var(--kh-muted)!important;--mute:var(--kh-muted)!important;--ink-2:var(--kh-muted)!important;--ink-3:var(--kh-muted)!important;--text-muted:var(--kh-muted)!important;--uh-mut:var(--kh-muted)!important;--d-mut:var(--kh-muted)!important;--night-mute:var(--kh-muted)!important;--faint:var(--kh-muted)!important;--line:var(--kh-line)!important;--line-2:var(--kh-line)!important;--line-strong:var(--kh-line)!important;--edge:var(--kh-line)!important;--border:var(--kh-line)!important;--card-edge:var(--kh-line)!important;--uh-line:var(--kh-line)!important;--d-line:var(--kh-line)!important;--s-line:var(--kh-line)!important;--smoke-line:var(--kh-line)!important;--night-line:var(--kh-line)!important;--h3-edge:var(--kh-line)!important;--h3-hair:var(--kh-line)!important;--chrome-edge:var(--kh-line)!important;--brand:var(--kh-accent)!important;--brand-ink:var(--kh-accent)!important;--accent:var(--kh-accent)!important;--primary:var(--kh-accent)!important;--pri:var(--kh-accent)!important;--ember:var(--kh-accent)!important;--ember-hi:var(--kh-accent)!important;--teal:var(--kh-accent)!important;--teal-ink:var(--kh-accent)!important;--hub-accent:var(--kh-accent)!important;--hub-accent-deep:var(--kh-accent)!important;--h3-blue:var(--kh-accent)!important;--uh-amber:var(--kh-accent)!important;--s-btn:var(--kh-accent)!important;--link:var(--kh-accent)!important;--hub-accent-ink:var(--kh-accentInk)!important;--brand-soft:var(--kh-soft)!important;--accent-soft:var(--kh-soft)!important;--ember-soft:var(--kh-soft)!important;--teal-soft:var(--kh-soft)!important;--h3-blue-lo:var(--kh-soft)!important;--cyan-soft:var(--kh-soft)!important;--orange-soft:var(--kh-soft)!important;color-scheme:light;}

html[data-kh-appearance] body{background:var(--kh-bg)!important;color:var(--kh-ink)!important}
html[data-kh-appearance] :is(input,textarea,select){background-color:var(--kh-surface)!important;color:var(--kh-ink)!important;border-color:var(--kh-line)!important}
html[data-kh-appearance] :is(.site-header,.site-footer,.topbar,.khnet,.kh-visits,.footer-note){color:var(--kh-ink)}
html[data-kh-appearance] :is(.bg-white,.bg-gray-50,.bg-slate-50,.bg-slate-100){background-color:var(--kh-surface)!important}
html[data-kh-appearance] :is(.text-gray-900,.text-slate-900,.text-gray-800,.text-slate-800){color:var(--kh-ink)!important}
html[data-kh-appearance] :is(.text-gray-500,.text-slate-500,.text-gray-600,.text-slate-600){color:var(--kh-muted)!important}
html[data-kh-appearance] :is(.btn-primary,.btn.primary,.b1,.button-primary){background:var(--kh-accent)!important;color:var(--kh-accentInk)!important;border-color:var(--kh-accent)!important}
html[data-kh-appearance] .kc-spotlight{background:var(--kh-surface);color:var(--kh-ink);border-color:var(--kh-line)}
html[data-kh-appearance] .kc-spotlight p{color:var(--kh-muted)}
html[data-kh-appearance] .kc-spotlight a{background:var(--kh-accent);color:var(--kh-accentInk)}

/* Preserve readable contrast in the existing hero/nav component families. */
html[data-kh-appearance]{--uh-violet:var(--kh-accent)!important;--uh-amber:var(--kh-accent)!important}
html[data-kh-appearance] .ask{background:var(--kh-surface)!important;border:1px solid var(--kh-line)}
html[data-kh-appearance] .ask button{color:var(--kh-accentInk)!important}
html[data-kh-appearance] input::placeholder,html[data-kh-appearance] textarea::placeholder{color:var(--kh-muted)!important;opacity:1}
html[data-kh-appearance] .hero>p{color:var(--kh-muted)!important}
html[data-kh-appearance] .hero h1{color:var(--kh-ink)!important}
html[data-kh-appearance] .hero h1 em{color:var(--kh-accent)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
html[data-kh-appearance] :is(.hero .btn,.nav .btn){background:var(--kh-accent)!important;color:var(--kh-accentInk)!important;border-color:var(--kh-accent)!important}
html[data-kh-appearance] :is(.h3-chip,.h3-brands .in,.b2){background:var(--kh-surface)!important;border-color:var(--kh-line)!important;color:var(--kh-ink)!important}
html[data-kh-appearance] :is(.h3-chip .v,.h3-chip .v b,.h3-brands p,.h3-brands li,.nav ul a){color:var(--kh-muted)!important}
html[data-kh-appearance] .nav ul a.on{color:var(--kh-accent)!important}

html[data-kh-appearance] .sh-btn:not(.sh-btn-soft):not(.sh-btn-ghost){color:var(--kh-accentInk)!important}

/* Existing drone widgets include fixed light surfaces; keep optional-theme text readable. */
html[data-kh-appearance] :is(.duae-indep,.khw-clock,.sc-core,.sc-node){background:var(--kh-surface)!important;color:var(--kh-ink)!important;border-color:var(--kh-line)!important}
html[data-kh-appearance] .duae-indep :is(span,b){color:var(--kh-ink)!important}
html[data-kh-appearance] .duae-indep a{color:var(--kh-accent)!important}
html[data-kh-appearance] :is(.sc-core b,.sc-core small,.eyebrow--ink){color:var(--kh-ink)!important}
html[data-kh-appearance] .duae-h1v{color:var(--kh-accent)!important;background:none!important;-webkit-text-fill-color:currentColor!important}