/* Appearance controls must work without the public theme selector. */
.advnt-mode-toggle { display: inline-grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid color-mix(in srgb, currentColor 22%, transparent); border-radius: 50%; color: inherit; background: transparent; font: inherit; font-size: 21px; cursor: pointer; }
.advnt-mode-toggle[hidden] { display: none; }
.advnt-mode-toggle:hover { background: color-mix(in srgb, currentColor 8%, transparent); }
.advnt-mode-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (max-width: 600px) {
    .advnt-mode-toggle { width: 34px; height: 34px; font-size: 19px; }
}
.advnt-mode-toggle svg { display: block; width: 18px; height: 18px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 2; }
.advnt-mode-toggle [data-mode-icon="sun"] { display: none; }
html[data-advnt-mode="dark"] .advnt-mode-toggle [data-mode-icon="sun"] { display: inline-flex; }
html[data-advnt-mode="dark"] .advnt-mode-toggle [data-mode-icon="moon"] { display: none; }
@media (prefers-reduced-motion: reduce) { .advnt-mode-toggle { transition: none; } }

/* Each theme keeps a separate saved preference and its own palette. */
html[data-advnt-mode="dark"] { --advnt-canvas: #141b20; --advnt-panel: #202b31; --advnt-ink: #eff2ed; --advnt-muted: #b5c0c2; }
html[data-advnt-mode="dark"][data-advnt-theme="aljondv"] { --advnt-canvas: #1b1b18; --advnt-panel: #292922; --advnt-ink: #f4f1ea; --advnt-muted: #c2bfb5; }
html[data-advnt-mode="dark"][data-advnt-theme="dizpo"] { --advnt-canvas: #101f18; --advnt-panel: #1e3227; --advnt-ink: #edf3e6; --advnt-muted: #bdccb7; --color-paper: #101f18; --color-sage: #1e3227; }
html[data-advnt-mode="dark"][data-advnt-theme="serein"] { --advnt-canvas: #151515; --advnt-panel: #232323; --advnt-ink: #f4f4f4; --advnt-muted: #bdbdbd; --color-paper: #151515; --color-muted: #bdbdbd; --color-line: #424242; }
html[data-advnt-mode="light"][data-advnt-theme="jetpress"] { --advnt-canvas: #f5f5f3; --advnt-panel: #e8e9e7; --advnt-ink: #202626; --advnt-muted: #58615f; }
html[data-advnt-mode="dark"] body { background-color: var(--advnt-canvas); color: var(--advnt-ink); }
html[data-advnt-mode="dark"][data-advnt-theme="tourgether"] body { background-color: var(--color-canvas); color: var(--color-ink); }
html[data-advnt-mode="light"][data-advnt-theme="jetpress"] body { background-color: var(--advnt-canvas); color: var(--advnt-ink); }
html[data-advnt-mode="dark"][data-advnt-theme="advnt"] :is(.bg-white,[class~="bg-white/60"],[class~="bg-white/80"],[class~="bg-white/95"],.bg-zinc-50,.bg-gray-50,.bg-slate-50) { background-color: var(--advnt-panel); }
html[data-advnt-mode="dark"][data-advnt-theme="advnt"] :is(.text-black,.text-zinc-900,.text-gray-900,.text-slate-900,.text-ink,.text-forest) { color: var(--advnt-ink); }
html[data-advnt-mode="dark"][data-advnt-theme="advnt"] :is(.text-zinc-600,.text-gray-600,.text-leaf) { color: var(--advnt-muted); }
html[data-advnt-mode="dark"][data-advnt-theme="advnt"] :is(.border-ink,.border-forest,.border-gray-200,.border-zinc-200) { border-color: #ffffff26; }
html[data-advnt-mode="dark"][data-advnt-theme="aljondv"] [class~="bg-[#ded9ce]"] { background-color: var(--advnt-panel); }
html[data-advnt-mode="dark"][data-advnt-theme="aljondv"] [class~="bg-[#dfdacf]"] { background-color: var(--advnt-panel); }
html[data-advnt-mode="dark"][data-advnt-theme="aljondv"] [class~="bg-[#f4f1ea]"] { background-color: var(--advnt-panel); }
html[data-advnt-mode="dark"][data-advnt-theme="aljondv"] [class~="text-[#24241f]"] { color: var(--advnt-ink); }
html[data-advnt-mode="dark"][data-advnt-theme="aljondv"] [class~="text-[#62625a]"] { color: var(--advnt-ink); }
html[data-advnt-mode="dark"][data-advnt-theme="aljondv"] :is(.bg-white,[class~="bg-white/60"],[class~="bg-white/80"],[class~="bg-white/95"],.bg-zinc-50,.bg-gray-50,.bg-slate-50) { background-color: var(--advnt-panel); }
html[data-advnt-mode="dark"][data-advnt-theme="aljondv"] :is(.text-black,.text-zinc-900,.text-gray-900,.text-slate-900,.text-ink,.text-forest) { color: var(--advnt-ink); }
html[data-advnt-mode="dark"][data-advnt-theme="aljondv"] :is(.text-zinc-600,.text-gray-600,.text-leaf) { color: var(--advnt-muted); }
html[data-advnt-mode="dark"][data-advnt-theme="aljondv"] :is(.border-ink,.border-forest,.border-gray-200,.border-zinc-200) { border-color: #ffffff26; }
html[data-advnt-mode="dark"][data-advnt-theme="dizpo"] [class~="bg-[#dbe0bd]"] { background-color: var(--advnt-panel); }
html[data-advnt-mode="dark"][data-advnt-theme="dizpo"] [class~="bg-[#e0dcc8]"] { background-color: var(--advnt-panel); }
html[data-advnt-mode="dark"][data-advnt-theme="dizpo"] [class~="bg-[#e2e7ce]"] { background-color: var(--advnt-panel); }
html[data-advnt-mode="dark"][data-advnt-theme="dizpo"] [class~="bg-[#e6dfd0]"] { background-color: var(--advnt-panel); }
html[data-advnt-mode="dark"][data-advnt-theme="dizpo"] [class~="bg-[#eeeee6]"] { background-color: var(--advnt-panel); }
html[data-advnt-mode="dark"][data-advnt-theme="dizpo"] [class~="bg-[#f1f0e8]"] { background-color: var(--advnt-panel); }
html[data-advnt-mode="dark"][data-advnt-theme="dizpo"] :is(.bg-white,[class~="bg-white/60"],[class~="bg-white/80"],[class~="bg-white/95"],.bg-zinc-50,.bg-gray-50,.bg-slate-50) { background-color: var(--advnt-panel); }
html[data-advnt-mode="dark"][data-advnt-theme="dizpo"] :is(.text-black,.text-zinc-900,.text-gray-900,.text-slate-900,.text-ink,.text-forest) { color: var(--advnt-ink); }
html[data-advnt-mode="dark"][data-advnt-theme="dizpo"] :is(.text-zinc-600,.text-gray-600,.text-leaf) { color: var(--advnt-muted); }
html[data-advnt-mode="dark"][data-advnt-theme="dizpo"] :is(.border-ink,.border-forest,.border-gray-200,.border-zinc-200) { border-color: #ffffff26; }
html[data-advnt-mode="dark"][data-advnt-theme="dizpo"] .bg-lime { color: #183b2b; }
html[data-advnt-mode="dark"][data-advnt-theme="serein"] [class~="bg-[#e7e7e7]"] { background-color: var(--advnt-panel); }
html[data-advnt-mode="dark"][data-advnt-theme="serein"] [class~="bg-[#e9e9e9]"] { background-color: var(--advnt-panel); }
html[data-advnt-mode="dark"][data-advnt-theme="serein"] [class~="bg-[#ebebeb]"] { background-color: var(--advnt-panel); }
html[data-advnt-mode="dark"][data-advnt-theme="serein"] [class~="bg-[#f4f4f4]"] { background-color: var(--advnt-panel); }
html[data-advnt-mode="dark"][data-advnt-theme="serein"] [class~="border-[#111]"] { border-color: #ffffff26; }
html[data-advnt-mode="dark"][data-advnt-theme="serein"] [class~="border-[#c0c0c0]"] { border-color: #ffffff26; }
html[data-advnt-mode="dark"][data-advnt-theme="serein"] [class~="text-[#111]"] { color: var(--advnt-ink); }
html[data-advnt-mode="dark"][data-advnt-theme="serein"] [class~="text-[#787878]"] { color: var(--advnt-ink); }
html[data-advnt-mode="dark"][data-advnt-theme="serein"] :is(.bg-white,[class~="bg-white/60"],[class~="bg-white/80"],[class~="bg-white/95"],.bg-zinc-50,.bg-gray-50,.bg-slate-50) { background-color: var(--advnt-panel); }
html[data-advnt-mode="dark"][data-advnt-theme="serein"] :is(.text-black,.text-zinc-900,.text-gray-900,.text-slate-900,.text-ink,.text-forest) { color: var(--advnt-ink); }
html[data-advnt-mode="dark"][data-advnt-theme="serein"] :is(.text-zinc-600,.text-gray-600,.text-leaf) { color: var(--advnt-muted); }
html[data-advnt-mode="dark"][data-advnt-theme="serein"] :is(.border-ink,.border-forest,.border-gray-200,.border-zinc-200) { border-color: #ffffff26; }
html[data-advnt-mode="light"][data-advnt-theme="jetpress"] :is(.bg-black,.bg-zinc-900,.bg-neutral-950,.bg-gray-900) { background-color: var(--advnt-canvas); }
html[data-advnt-mode="light"][data-advnt-theme="jetpress"] :is(.text-white,.text-zinc-100,.text-gray-100) { color: var(--advnt-ink); }
html[data-advnt-mode="light"][data-advnt-theme="jetpress"] :is(.bg-primary,.bg-orange-500) .text-white { color: #fff; }
html[data-advnt-mode="dark"] :is(input,textarea,select) { color-scheme: dark; }
html[data-advnt-mode="light"] :is(input,textarea,select) { color-scheme: light; }

/* Keep overlaid video text legible in the Jetsurf light layout. */
html[data-advnt-mode="light"][data-advnt-theme="jetpress"] .video-content,
html[data-advnt-mode="light"][data-advnt-theme="jetpress"] .video-content .text-white { color: #fff; }

html[data-advnt-mode="dark"][data-advnt-theme="serein"] { --color-ink: #f4f4f4; }
html[data-advnt-mode="dark"][data-advnt-theme="serein"] :is(.bg-ink,[class*="bg-ink"]) { background-color: #252525; }
html[data-advnt-mode="dark"][data-advnt-theme="dizpo"] [class*="text-forest"] { color: var(--advnt-ink); }
html[data-advnt-mode="dark"][data-advnt-theme="dizpo"] .bg-lime { color: #183b2b; }

/* WordPress global element colors must follow the selected palette too. */
html[data-advnt-mode="dark"]:not([data-advnt-theme="tourgether"]):not([data-advnt-theme="aljondv"]) :is(h1,h2,h3,h4) { color: var(--advnt-ink); }
html[data-advnt-mode="dark"]:not([data-advnt-theme="tourgether"]):not([data-advnt-theme="aljondv"]) header :is(a,button) { color: inherit; }
html[data-advnt-mode="dark"][data-advnt-theme="dizpo"] :is(a:not([class*="bg-"]),input,textarea,select) { color: var(--advnt-ink); }
html[data-advnt-mode="dark"][data-advnt-theme="dizpo"] [class*="bg-white/"] { background-color: var(--advnt-panel); }
html[data-advnt-mode="dark"][data-advnt-theme="dizpo"] .mix-blend-multiply { mix-blend-mode: normal; border-radius: 12px; }
html[data-advnt-mode="dark"][data-advnt-theme="dizpo"] .bg-lime :is(h1,h2,h3,h4) { color: #183b2b; }
html[data-advnt-mode="dark"][data-advnt-theme="serein"] #page .brand img { filter: brightness(0) invert(1); }

/* Semantic palettes supply their own canvas and ink in both modes. */
html[data-advnt-mode="dark"][data-advnt-theme="plantpress"] body { background-color: var(--color-canvas); color: var(--color-ink); }