html[data-axiowl-theme="signal-red"] {
    --ax-shell: #111429;
    --ax-shell-2: #16285c;
    --ax-primary: #ff3b4d;
    --ax-secondary: #ff4fa3;
    --ax-cool: #2dd4ff;
    --ax-accent: #4361ee;
    --ax-paper: #ffe3ea;
    --ax-ink: #111429;
    --ax-white: #ffffff;
}

html[data-axiowl-theme="coral-pop"] {
    --ax-shell: #271437;
    --ax-shell-2: #111426;
    --ax-primary: #ff5a5f;
    --ax-secondary: #e83e8c;
    --ax-cool: #2ec4b6;
    --ax-accent: #ff9f1c;
    --ax-paper: #ffd0dc;
    --ax-ink: #271437;
    --ax-white: #ffffff;
}

html[data-axiowl-theme="hot-pink"] {
    --ax-shell: #101426;
    --ax-shell-2: #2a1746;
    --ax-primary: #ff2d8d;
    --ax-secondary: #ff66b3;
    --ax-cool: #30d5c8;
    --ax-accent: #7a5cff;
    --ax-paper: #ffe0f1;
    --ax-ink: #101426;
    --ax-white: #ffffff;
}

html[data-axiowl-theme="red-gold"] {
    --ax-shell: #18131d;
    --ax-shell-2: #4a1025;
    --ax-primary: #f2384a;
    --ax-secondary: #ff6b6b;
    --ax-cool: #20c4b7;
    --ax-accent: #ffb000;
    --ax-paper: #ffe6d8;
    --ax-ink: #18131d;
    --ax-white: #ffffff;
}

html[data-axiowl-theme="neon-product"] {
    --ax-shell: #0a1024;
    --ax-shell-2: #16285c;
    --ax-primary: #ff375f;
    --ax-secondary: #ff4fd8;
    --ax-cool: #00c2ff;
    --ax-accent: #4ade80;
    --ax-paper: #ffe5ef;
    --ax-ink: #0a1024;
    --ax-white: #ffffff;
}

/* Restored palettes drawn from the original AxiOwl, Mobile, and Usage Meter designs. */
html[data-axiowl-theme="axiowl-classic"] {
    --ax-shell: #071b29;
    --ax-shell-2: #103d48;
    --ax-primary: #d7584f;
    --ax-secondary: #ff7169;
    --ax-cool: #50ddc0;
    --ax-accent: #148b78;
    --ax-paper: #e1f3eb;
    --ax-ink: #071f26;
    --ax-white: #ffffff;
}

html[data-axiowl-theme="mobile-blue"] {
    --ax-shell: #061321;
    --ax-shell-2: #102b45;
    --ax-primary: #ffb33f;
    --ax-secondary: #ffd071;
    --ax-cool: #37c8ff;
    --ax-accent: #1769ff;
    --ax-paper: #ddeef5;
    --ax-ink: #13212e;
    --ax-white: #ffffff;
}

html[data-axiowl-theme="meter-mint"] {
    --ax-shell: #061b19;
    --ax-shell-2: #103d38;
    --ax-primary: #ff6b64;
    --ax-secondary: #ff978f;
    --ax-cool: #67e0b1;
    --ax-accent: #6667f2;
    --ax-paper: #e6f4ef;
    --ax-ink: #17211f;
    --ax-white: #ffffff;
}

html[data-axiowl-theme="forest-gold"] {
    --ax-shell: #10241c;
    --ax-shell-2: #1e4535;
    --ax-primary: #e0a04c;
    --ax-secondary: #f0c575;
    --ax-cool: #7fd6b0;
    --ax-accent: #2e9274;
    --ax-paper: #e8f3e1;
    --ax-ink: #12261d;
    --ax-white: #ffffff;
}

html[data-axiowl-theme="ocean-ink"] {
    --ax-shell: #071a2b;
    --ax-shell-2: #153754;
    --ax-primary: #ea6a5f;
    --ax-secondary: #f39480;
    --ax-cool: #51c5d7;
    --ax-accent: #2f78b7;
    --ax-paper: #deeff4;
    --ax-ink: #0d2435;
    --ax-white: #ffffff;
}

/* Derived from the layered post-video hero treatment. */
html[data-axiowl-theme="hero-midnight"] {
    --ax-shell: #111429;
    --ax-shell-2: #233f7d;
    --ax-primary: #ff625f;
    --ax-secondary: #d86cc4;
    --ax-cool: #71d5ff;
    --ax-accent: #5d7ee7;
    --ax-paper: #e4eaff;
    --ax-ink: #121b3b;
    --ax-white: #ffffff;
}

html[data-axiowl-theme="hero-twilight"] {
    --ax-shell: #17142d;
    --ax-shell-2: #413c91;
    --ax-primary: #ff7268;
    --ax-secondary: #c86bd9;
    --ax-cool: #7ed8ff;
    --ax-accent: #726bf5;
    --ax-paper: #ece5ff;
    --ax-ink: #211842;
    --ax-white: #ffffff;
}

/* New dark themes leave every existing palette light. */
html[data-axiowl-theme="night-ocean"] { --ax-shell: #071824; --ax-shell-2: #123a50; --ax-primary: #56c7dd; --ax-secondary: #e56b65; --ax-cool: #8bdeef; --ax-accent: #4d9ec8; --ax-paper: #0b1d2b; --ax-ink: #eaf7f5; --ax-white: #ffffff; --ax-page: #0b1d2b; --ax-surface: #122b3b; --ax-muted: #b5ccce; }
html[data-axiowl-theme="night-orchid"] { --ax-shell: #170f2d; --ax-shell-2: #3e235e; --ax-primary: #ff6f91; --ax-secondary: #c16ce5; --ax-cool: #72d8ff; --ax-accent: #8e6bff; --ax-paper: #1a122d; --ax-ink: #f6efff; --ax-white: #ffffff; --ax-page: #1a122d; --ax-surface: #281a42; --ax-muted: #cdbedf; }
html[data-axiowl-theme="night-forest"] { --ax-shell: #0c211a; --ax-shell-2: #1b4636; --ax-primary: #f2b45b; --ax-secondary: #e58466; --ax-cool: #78d5ac; --ax-accent: #3fa582; --ax-paper: #10251d; --ax-ink: #eef9f2; --ax-white: #ffffff; --ax-page: #10251d; --ax-surface: #18372b; --ax-muted: #bedac9; }
html[data-axiowl-theme="night-ember"] { --ax-shell: #211118; --ax-shell-2: #541b2c; --ax-primary: #ff7a63; --ax-secondary: #ffbe66; --ax-cool: #68d9d1; --ax-accent: #d44b63; --ax-paper: #28141c; --ax-ink: #fff1ed; --ax-white: #ffffff; --ax-page: #28141c; --ax-surface: #3b1c27; --ax-muted: #edc5bd; }

html[data-axiowl-theme]:where(:not([data-axiowl-theme^="night-"])) {
    color-scheme: light;
    --ax-page: var(--ax-paper);
    --ax-surface: color-mix(in srgb, var(--ax-paper) 72%, var(--ax-white));
    --ax-muted: color-mix(in srgb, var(--ax-ink) 64%, var(--ax-white));
}

html[data-axiowl-theme^="night-"] {
    color-scheme: dark;
}

html[data-axiowl-theme="signal-red"],
html[data-axiowl-theme="axiowl-classic"] {
    --ax-page: var(--ax-white);
    --ax-surface: var(--ax-white);
}

html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) {
    --ax-link: color-mix(in srgb, var(--ax-primary) 50%, var(--ax-ink));
    --ax-button-ink: var(--ax-shell);
    --mv-night: var(--ax-shell);
    --mv-blue: var(--ax-accent);
    --mv-cyan: var(--ax-cool);
    --mv-amber: var(--ax-primary);
    --mv-paper: var(--ax-paper);
    --mv-white: var(--ax-white);
    --mv-text: var(--ax-ink);
    --adl-ink: var(--ax-ink);
    --adl-deep: var(--ax-shell-2);
    --adl-aqua: var(--ax-cool);
    --adl-coral: var(--ax-primary);
    --adl-sky: var(--ax-accent);
    --adl-paper: var(--ax-paper);
    --adl-line: color-mix(in srgb, var(--ax-ink) 16%, transparent);
    accent-color: var(--ax-primary);
    background: var(--ax-page);
    color: var(--ax-ink);
}

html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) ::selection {
    background: var(--ax-primary);
    color: var(--ax-white);
}

html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) .axiowl-global-chrome--top {
    background:
        linear-gradient(105deg, color-mix(in srgb, var(--ax-shell) 96%, transparent), color-mix(in srgb, var(--ax-shell-2) 92%, transparent));
    border-bottom-color: color-mix(in srgb, var(--ax-cool) 30%, transparent);
}

html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) .axiowl-global-nav__items .sub-menu,
html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) .axiowl-global-nav__menu {
    --ax-menu-bg: color-mix(in srgb, var(--ax-shell) 96%, #000000);
}

html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) .axiowl-global-nav__items .sub-menu {
    background: var(--ax-menu-bg);
    border-color: color-mix(in srgb, var(--ax-cool) 24%, transparent);
}

html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) .axiowl-global-nav__items a:hover,
html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) .axiowl-global-nav__items a:focus,
html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) .axiowl-global-nav__items .current-menu-ancestor > a,
html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) .axiowl-global-nav__items .current-menu-item > a {
    background: color-mix(in srgb, var(--ax-primary) 24%, transparent);
}

html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) .axiowl-global-nav__cta {
    background: var(--ax-primary);
    color: var(--ax-button-ink);
}

html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) .axiowl-global-nav__cta:is(:hover, :focus) {
    background: var(--ax-secondary);
    color: var(--ax-button-ink);
}

html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) .axiowl-global-chrome--bottom {
    background:
        radial-gradient(circle at 16% 12%, color-mix(in srgb, var(--ax-cool) 28%, transparent), transparent 32%),
        radial-gradient(circle at 84% 78%, color-mix(in srgb, var(--ax-secondary) 30%, transparent), transparent 34%),
        linear-gradient(125deg, var(--ax-shell) 0%, var(--ax-shell-2) 56%, color-mix(in srgb, var(--ax-primary) 54%, var(--ax-shell)) 100%);
    border-top-color: color-mix(in srgb, var(--ax-primary) 34%, transparent);
}

html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) .axiowl-footer-social .axiowl-footer-social__link:is(:hover, :focus) {
    background: var(--ax-cool);
    color: var(--ax-ink);
    fill: var(--ax-ink);
}

.axiowl-theme-switcher {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 4px;
    min-height: 38px;
    padding: 4px;
    border: 1px solid color-mix(in srgb, var(--ax-cool) 26%, rgba(255, 255, 255, 0.18));
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.07);
}

.axiowl-theme-switcher[hidden] {
    display: none !important;
}

.axiowl-theme-switcher button {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.axiowl-theme-switcher__arrow {
    width: 28px;
    height: 28px;
    border-radius: 6px !important;
    color: rgba(255, 255, 255, 0.84);
}

.axiowl-theme-switcher__arrow:is(:hover, :focus-visible) {
    background: rgba(255, 255, 255, 0.12);
    color: var(--ax-white);
}

.axiowl-theme-switcher__arrow:focus-visible {
    outline: 2px solid var(--ax-cool);
    outline-offset: 2px;
}

.axiowl-theme-switcher__arrow .dashicons {
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 1;
}

.axiowl-theme-switcher__choices {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

.axiowl-theme-switcher__choice {
    width: 22px;
    min-height: 39px;
    flex-direction: column;
    gap: 4px;
    color: rgba(255, 255, 255, 0.84);
    transition: transform 0.15s ease;
}

.axiowl-theme-switcher__swatch {
    width: 17px;
    height: 17px;
    border: 2px solid rgba(255, 255, 255, 0.34);
    border-radius: 50%;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.axiowl-theme-switcher__choice-id {
    width: auto;
    height: auto;
    color: inherit;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0;
}

.axiowl-theme-switcher__current {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 22px;
    min-height: 39px;
    gap: 4px;
    color: rgba(255, 255, 255, 0.84);
}

.axiowl-theme-switcher__current .axiowl-theme-switcher__swatch {
    width: 17px;
    height: 17px;
    border-color: var(--ax-white);
    box-shadow: 0 0 0 2px var(--ax-primary);
}

.axiowl-theme-switcher__current-name {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.axiowl-theme-switcher__choice[data-axiowl-theme-choice="signal-red"] > .axiowl-theme-switcher__swatch {
    background: linear-gradient(135deg, #2dd4ff 0 33%, #ff3b4d 33% 68%, #ff4fa3 68%);
}

.axiowl-theme-switcher__choice[data-axiowl-theme-choice="coral-pop"] > .axiowl-theme-switcher__swatch {
    background: linear-gradient(135deg, #2ec4b6 0 33%, #ff5a5f 33% 68%, #ff9f1c 68%);
}

.axiowl-theme-switcher__choice[data-axiowl-theme-choice="hot-pink"] > .axiowl-theme-switcher__swatch {
    background: linear-gradient(135deg, #30d5c8 0 33%, #ff2d8d 33% 68%, #7a5cff 68%);
}

.axiowl-theme-switcher__choice[data-axiowl-theme-choice="red-gold"] > .axiowl-theme-switcher__swatch {
    background: linear-gradient(135deg, #20c4b7 0 33%, #f2384a 33% 68%, #ffb000 68%);
}

.axiowl-theme-switcher__choice[data-axiowl-theme-choice="neon-product"] > .axiowl-theme-switcher__swatch {
    background: linear-gradient(135deg, #00c2ff 0 33%, #ff375f 33% 68%, #4ade80 68%);
}

.axiowl-theme-switcher__choice[data-axiowl-theme-choice="axiowl-classic"] > .axiowl-theme-switcher__swatch {
    background: linear-gradient(135deg, #d7584f 0 50%, #50ddc0 50% 100%);
}

.axiowl-theme-switcher__choice[data-axiowl-theme-choice="mobile-blue"] > .axiowl-theme-switcher__swatch {
    background: linear-gradient(135deg, #1769ff 0 50%, #ffb33f 50% 100%);
}

.axiowl-theme-switcher__choice[data-axiowl-theme-choice="meter-mint"] > .axiowl-theme-switcher__swatch {
    background: linear-gradient(135deg, #67e0b1 0 50%, #ff6b64 50% 100%);
}

.axiowl-theme-switcher__choice[data-axiowl-theme-choice="forest-gold"] > .axiowl-theme-switcher__swatch {
    background: linear-gradient(135deg, #2e9274 0 50%, #e0a04c 50% 100%);
}

.axiowl-theme-switcher__choice[data-axiowl-theme-choice="ocean-ink"] > .axiowl-theme-switcher__swatch {
    background: linear-gradient(135deg, #2f78b7 0 50%, #ea6a5f 50% 100%);
}

.axiowl-theme-switcher__choice[data-axiowl-theme-choice="hero-midnight"] > .axiowl-theme-switcher__swatch {
    background: linear-gradient(135deg, #233f7d 0 33%, #ff625f 33% 68%, #d86cc4 68%);
}

.axiowl-theme-switcher__choice[data-axiowl-theme-choice="hero-twilight"] > .axiowl-theme-switcher__swatch {
    background: linear-gradient(135deg, #413c91 0 33%, #ff7268 33% 68%, #c86bd9 68%);
}

.axiowl-theme-switcher__current[data-axiowl-theme-choice="signal-red"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #2dd4ff 0 33%, #ff3b4d 33% 68%, #ff4fa3 68%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="coral-pop"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #2ec4b6 0 33%, #ff5a5f 33% 68%, #ff9f1c 68%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="hot-pink"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #30d5c8 0 33%, #ff2d8d 33% 68%, #7a5cff 68%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="red-gold"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #20c4b7 0 33%, #f2384a 33% 68%, #ffb000 68%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="neon-product"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #00c2ff 0 33%, #ff375f 33% 68%, #4ade80 68%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="axiowl-classic"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #d7584f 0 50%, #50ddc0 50% 100%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="mobile-blue"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #1769ff 0 50%, #ffb33f 50% 100%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="meter-mint"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #67e0b1 0 50%, #ff6b64 50% 100%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="forest-gold"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #2e9274 0 50%, #e0a04c 50% 100%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="ocean-ink"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #2f78b7 0 50%, #ea6a5f 50% 100%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="hero-midnight"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #233f7d 0 33%, #ff625f 33% 68%, #d86cc4 68%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="hero-twilight"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #413c91 0 33%, #ff7268 33% 68%, #c86bd9 68%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="night-ocean"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #56c7dd 0 50%, #e56b65 50% 100%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="night-orchid"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #ff6f91 0 50%, #c16ce5 50% 100%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="night-forest"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #78d5ac 0 50%, #f2b45b 50% 100%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="night-ember"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #ff7a63 0 50%, #68d9d1 50% 100%); }

.axiowl-theme-switcher__choice:is(:hover, .is-selected) {
    transform: scale(1.18);
}

.axiowl-theme-switcher__choice:is(:hover, .is-selected) .axiowl-theme-switcher__swatch {
    border-color: var(--ax-white);
}

.axiowl-theme-switcher__choice.is-selected .axiowl-theme-switcher__swatch {
    box-shadow: 0 0 0 2px var(--ax-primary);
}

.axiowl-theme-switcher__status {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) .site-main a:not(.elementor-button):not(.axiowl-social-button):not([class*="axiowl-dl-action"]):not([class*="axiowl-mv-"]) {
    color: var(--ax-link);
}

html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) .site-main a:not(.elementor-button):not(.axiowl-social-button):not([class*="axiowl-dl-action"]):not([class*="axiowl-mv-"]):is(:hover, :focus) {
    color: var(--ax-secondary);
}

html[data-axiowl-theme] body.axiowl-page-home .axiowl-home-hero > .elementor-background-overlay {
    background:
        linear-gradient(
            112deg,
            color-mix(in srgb, var(--ax-shell) 90%, transparent) 0%,
            color-mix(in srgb, var(--ax-shell-2) 72%, transparent) 48%,
            color-mix(in srgb, var(--ax-primary) 52%, transparent) 100%
        ) !important;
    opacity: 0.74 !important;
}

/* Replace Elementor's fixed #4954DE-to-#AA49DE video tint at the source. */
html[data-axiowl-theme] body.axiowl-page-home .elementor-5 .elementor-element.elementor-element-2ee8f26::before,
html[data-axiowl-theme] body.axiowl-page-home .elementor-5 .elementor-element.elementor-element-2ee8f26 > .elementor-background-video-container::before,
html[data-axiowl-theme] body.axiowl-page-home .elementor-5 .elementor-element.elementor-element-2ee8f26 > .e-con-inner > .elementor-background-video-container::before,
html[data-axiowl-theme] body.axiowl-page-home .elementor-5 .elementor-element.elementor-element-2ee8f26 > .elementor-background-slideshow::before,
html[data-axiowl-theme] body.axiowl-page-home .elementor-5 .elementor-element.elementor-element-2ee8f26 > .e-con-inner > .elementor-background-slideshow::before,
html[data-axiowl-theme] body.axiowl-page-home .elementor-5 .elementor-element.elementor-element-2ee8f26 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
    background-color: transparent !important;
    background-image:
        linear-gradient(
            260deg,
            color-mix(in srgb, var(--ax-shell) 78%, transparent) 0%,
            color-mix(in srgb, var(--ax-shell-2) 56%, transparent) 48%,
            color-mix(in srgb, var(--ax-primary) 50%, transparent) 100%
        ) !important;
}

/* Image-backed front-page bands retain their photography while taking the selected palette. */
html[data-axiowl-theme] body.axiowl-page-home :is(
    .elementor-element-bb3b827,
    .elementor-element-7af0ecb,
    .elementor-element-1e33e708
) > .elementor-background-overlay {
    background-image:
        linear-gradient(
            112deg,
            color-mix(in srgb, var(--ax-accent) 72%, var(--ax-shell)) 0%,
            color-mix(in srgb, var(--ax-primary) 56%, var(--ax-shell-2)) 55%,
            color-mix(in srgb, var(--ax-secondary) 48%, var(--ax-shell)) 100%
        ) !important;
    background-color: var(--ax-shell) !important;
    opacity: 0.72 !important;
}

html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) :is(.elementor-button, .pmpro_btn, button[type="submit"], input[type="submit"]):not(.axiowl-theme-switcher__arrow):not(.axiowl-theme-switcher__choice) {
    border-color: var(--ax-primary) !important;
    background-color: var(--ax-primary) !important;
    color: var(--ax-button-ink) !important;
}

html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) :is(.elementor-button, .pmpro_btn, button[type="submit"], input[type="submit"]):not(.axiowl-theme-switcher__arrow):not(.axiowl-theme-switcher__choice):is(:hover, :focus) {
    border-color: var(--ax-secondary) !important;
    background-color: var(--ax-secondary) !important;
}

html[data-axiowl-theme] body.axiowl-page-contact .axiowl-contact form.e-form-base :is(input, textarea, select):focus,
html[data-axiowl-theme] body.axiowl-page-contact :is(.axiowl-contact-form-fallback, .axiowl-contact-form-embed) :is(input, textarea, select):focus {
    border-color: var(--ax-primary) !important;
}

html[data-axiowl-theme] body.axiowl-page-contact .axiowl-contact .elementor-heading-title {
    color: var(--ax-primary) !important;
}

html[data-axiowl-theme] body.axiowl-page-pricing .elementor-price-table__header,
html[data-axiowl-theme] body.axiowl-page-managed-vps .elementor-price-table__header {
    background: var(--ax-shell) !important;
}

html[data-axiowl-theme] body.axiowl-page-pricing .elementor-price-table__price,
html[data-axiowl-theme] body.axiowl-page-managed-vps .elementor-price-table__price {
    background: var(--ax-paper) !important;
    color: var(--ax-ink) !important;
}

html[data-axiowl-theme] body.axiowl-page-desktop .axiowl-av-message-path {
    background: color-mix(in srgb, var(--ax-cool) 10%, var(--ax-surface));
    color: var(--ax-ink);
}

html[data-axiowl-theme] body.axiowl-page-desktop .axiowl-av-layer-detail {
    background: color-mix(in srgb, var(--ax-primary) 10%, var(--ax-surface));
    color: var(--ax-ink);
}

html[data-axiowl-theme] body.axiowl-page-desktop .axiowl-av-deployment-detail {
    background: var(--ax-paper);
    color: var(--ax-ink);
}

html[data-axiowl-theme] body.axiowl-page-desktop .axiowl-av-operations-detail {
    background: linear-gradient(135deg, var(--ax-shell), var(--ax-shell-2));
}

html[data-axiowl-theme] body.axiowl-page-desktop .axiowl-av-eyebrow,
html[data-axiowl-theme] body.axiowl-page-desktop .axiowl-av-three-columns article > span {
    color: var(--ax-primary);
}

html[data-axiowl-theme] body.axiowl-page-desktop .axiowl-av-operations-detail .axiowl-av-eyebrow {
    color: var(--ax-cool);
}

html[data-axiowl-theme] body.axiowl-page-desktop .axiowl-av-message-path .axiowl-av-three-columns article {
    border-top-color: var(--ax-cool);
}

html[data-axiowl-theme] body.axiowl-page-desktop .elementor-heading-title {
    color: var(--ax-accent) !important;
}

html[data-axiowl-theme] body.axiowl-page-desktop .axiowl-desktop-hero .elementor-heading-title {
    color: var(--ax-white) !important;
}

html[data-axiowl-theme] body.axiowl-page-downloads .axiowl-dl-hero {
    background: linear-gradient(120deg, var(--ax-shell) 0%, var(--ax-shell-2) 55%, color-mix(in srgb, var(--ax-cool) 54%, var(--ax-shell)) 100%);
}

html[data-axiowl-theme] body.axiowl-page-downloads .axiowl-dl-product--usage,
html[data-axiowl-theme] body.axiowl-page-downloads .axiowl-dl-history {
    background: var(--ax-paper);
}

html[data-axiowl-theme] body.axiowl-page-downloads .axiowl-dl-action--stable {
    background: var(--ax-shell-2);
}

html[data-axiowl-theme] body.axiowl-page-downloads .axiowl-dl-action--preview {
    border-color: var(--ax-primary);
    color: var(--ax-primary);
}

html[data-axiowl-theme] body.axiowl-page-downloads .axiowl-dl-providers {
    background: var(--ax-shell);
}

html[data-axiowl-theme] body.axiowl-page-mobile-visual .axiowl-mv-product {
    background: var(--ax-paper) !important;
}

html[data-axiowl-theme] body.axiowl-page-mobile-visual .axiowl-mv-steps {
    background: color-mix(in srgb, var(--ax-shell) 88%, transparent) !important;
}

html[data-axiowl-theme] body.axiowl-page-mobile-visual .axiowl-mv-controls-detail,
html[data-axiowl-theme] body.axiowl-page-mobile-visual .axiowl-mv-retained-close {
    background: linear-gradient(135deg, var(--ax-shell), var(--ax-shell-2)) !important;
}

html[data-axiowl-theme] body.axiowl-page-mobile-visual .axiowl-mv-interoperability {
    background: linear-gradient(110deg, var(--ax-shell-2), color-mix(in srgb, var(--ax-primary) 58%, var(--ax-shell))) !important;
}

html[data-axiowl-theme] body.axiowl-page-mobile-visual .axiowl-mv-eyebrow,
html[data-axiowl-theme] body.axiowl-page-mobile-visual .axiowl-mv-provider-list,
html[data-axiowl-theme] body.axiowl-page-mobile-visual .axiowl-mv-feature-lines {
    color: var(--ax-primary);
}

/* Keep the quieter information pages in the selected site palette as well. */
html[data-axiowl-theme] body:is(.axiowl-page-policy-privacy, .axiowl-page-policy-terms, .axiowl-page-policy-accessibility, .axiowl-page-policy-docs, .axiowl-page-enterprise) main#content :is(h1, h2, h3) {
    border-left-color: var(--ax-primary);
    background-color: color-mix(in srgb, var(--ax-paper) 82%, var(--ax-white));
    background-image:
        radial-gradient(color-mix(in srgb, var(--ax-accent) 22%, transparent) .8px, transparent 1px),
        linear-gradient(135deg, color-mix(in srgb, var(--ax-white) 68%, transparent), transparent 72%);
    color: var(--ax-ink);
}

/* Pricing and managed-host cards. */
html[data-axiowl-theme] body:is(.axiowl-page-pricing, .axiowl-page-managed-vps) main#content .elementor-heading-title {
    color: var(--ax-ink) !important;
}

html[data-axiowl-theme] body:is(.axiowl-page-pricing, .axiowl-page-managed-vps) .elementor-price-table {
    border-color: color-mix(in srgb, var(--ax-ink) 22%, transparent) !important;
    background: var(--ax-surface) !important;
    box-shadow: 0 20px 58px color-mix(in srgb, var(--ax-shell) 22%, transparent) !important;
    color: var(--ax-ink) !important;
}

html[data-axiowl-theme] body:is(.axiowl-page-pricing, .axiowl-page-managed-vps) .elementor-price-table__header {
    background: linear-gradient(135deg, var(--ax-shell), var(--ax-shell-2)) !important;
    color: var(--ax-white) !important;
}

html[data-axiowl-theme] body:is(.axiowl-page-pricing, .axiowl-page-managed-vps) .elementor-price-table__header :is(h1, h2, h3, h4, p, span) {
    color: var(--ax-white) !important;
}

html[data-axiowl-theme] body:is(.axiowl-page-pricing, .axiowl-page-managed-vps) .elementor-price-table__price {
    background: color-mix(in srgb, var(--ax-primary) 12%, var(--ax-surface)) !important;
    color: var(--ax-ink) !important;
}

html[data-axiowl-theme] body:is(.axiowl-page-pricing, .axiowl-page-managed-vps) .elementor-price-table__price :is(span, div) {
    color: inherit !important;
}

html[data-axiowl-theme] body:is(.axiowl-page-pricing, .axiowl-page-managed-vps) :is(.elementor-price-table__features-list, .elementor-price-table__footer) {
    background: var(--ax-surface) !important;
    color: var(--ax-ink) !important;
}

html[data-axiowl-theme] body:is(.axiowl-page-pricing, .axiowl-page-managed-vps) .elementor-price-table__features-list li {
    border-color: color-mix(in srgb, var(--ax-ink) 16%, transparent) !important;
    color: var(--ax-muted) !important;
}

html[data-axiowl-theme] body:is(.axiowl-page-pricing, .axiowl-page-managed-vps) .elementor-price-table__button {
    border-color: var(--ax-primary) !important;
    background: var(--ax-primary) !important;
    color: var(--ax-button-ink) !important;
}

html[data-axiowl-theme] body:is(.axiowl-page-pricing, .axiowl-page-managed-vps) .elementor-price-table__button:is(:hover, :focus) {
    border-color: var(--ax-secondary) !important;
    background: var(--ax-secondary) !important;
    color: var(--ax-button-ink) !important;
}

html[data-axiowl-theme] body:is(.axiowl-page-pricing, .axiowl-page-managed-vps) .axiowl-price-card > .elementor-widget-container {
    background: var(--ax-surface) !important;
}

html[data-axiowl-theme] body:is(.axiowl-page-pricing, .axiowl-page-managed-vps) .elementor-price-table__additional_info {
    color: var(--ax-muted) !important;
}

/* Contact fields and form surfaces. */
html[data-axiowl-theme] body.axiowl-page-contact :is(.axiowl-contact-form-fallback, .axiowl-contact-form-embed) {
    border-color: color-mix(in srgb, var(--ax-ink) 16%, transparent) !important;
    background: var(--ax-surface) !important;
    box-shadow: 0 22px 70px color-mix(in srgb, var(--ax-shell) 16%, transparent) !important;
}

html[data-axiowl-theme] body.axiowl-page-contact :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), textarea, select) {
    border-color: color-mix(in srgb, var(--ax-ink) 22%, transparent) !important;
    background: color-mix(in srgb, var(--ax-surface) 88%, var(--ax-shell)) !important;
    color: var(--ax-ink) !important;
}

html[data-axiowl-theme] body.axiowl-page-contact :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), textarea, select):focus {
    border-color: var(--ax-primary) !important;
    outline-color: color-mix(in srgb, var(--ax-primary) 18%, transparent) !important;
}

html[data-axiowl-theme] body.axiowl-page-contact :is(label, .e-form-label) {
    color: var(--ax-ink) !important;
}

html[data-axiowl-theme] body.axiowl-page-contact :is(.axiowl-contact form.e-form-base, .axiowl-contact-form-fallback, .axiowl-contact-form-embed) :is(button, [type="submit"]) {
    background: var(--ax-primary) !important;
    color: var(--ax-button-ink) !important;
}

html[data-axiowl-theme] body.axiowl-page-contact :is(.axiowl-contact form.e-form-base, .axiowl-contact-form-fallback, .axiowl-contact-form-embed) :is(button, [type="submit"]):is(:hover, :focus) {
    background: var(--ax-secondary) !important;
}

/* Shared download bands and original product/download controls. */
html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) :is(.axiowl-product-download-link-band, .axiowl-mobile-sibling-link) {
    border-color: color-mix(in srgb, var(--ax-ink) 16%, transparent) !important;
    background: var(--ax-paper) !important;
}

html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) :is(.axiowl-product-download-link-band, .axiowl-mobile-sibling-link) p {
    color: var(--ax-muted) !important;
}

html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) :is(.axiowl-product-download-link-band, .axiowl-mobile-sibling-link) a {
    color: var(--ax-primary) !important;
}

html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) :is(.axiowl-product-download-link-band, .axiowl-mobile-sibling-link) a:is(:hover, :focus-visible) {
    color: var(--ax-secondary) !important;
}

html[data-axiowl-theme] body:is(.axiowl-page-desktop, .axiowl-page-mobile) .axiowl-platform-downloads a.elementor-button {
    border-color: var(--ax-primary) !important;
    background: var(--ax-primary) !important;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--ax-shell) 28%, transparent) !important;
}

html[data-axiowl-theme] body:is(.axiowl-page-desktop, .axiowl-page-mobile) .axiowl-platform-downloads a.elementor-button:is(:hover, :focus-visible) {
    border-color: var(--ax-secondary) !important;
    background: var(--ax-secondary) !important;
}

html[data-axiowl-theme] body:is(.axiowl-page-affiliate, .axiowl-page-blog, .axiowl-page-mobile) main#content :is(h1, h2, h3) {
    color: var(--ax-ink);
}

/* Downloads uses the same palette for its cards, history, and release controls. */
html[data-axiowl-theme] body.axiowl-page-downloads :is(.axiowl-dl-product, .axiowl-dl-history) :is(h2, h3, h4, strong, dt) {
    color: var(--ax-ink) !important;
}

html[data-axiowl-theme] body.axiowl-page-downloads :is(.axiowl-dl-kicker, .axiowl-dl-meta strong, .axiowl-dl-history .axiowl-dl-kicker) {
    color: var(--ax-primary) !important;
}

html[data-axiowl-theme] body.axiowl-page-downloads :is(.axiowl-dl-product, .axiowl-dl-history) :is(p, dd, small, .axiowl-dl-meta, .axiowl-dl-note) {
    color: var(--ax-muted) !important;
}

html[data-axiowl-theme] body.axiowl-page-downloads :is(.axiowl-dl-product, .axiowl-dl-history) :is(.axiowl-dl-platform, .axiowl-dl-history-row, .axiowl-dl-empty) {
    border-color: color-mix(in srgb, var(--ax-ink) 18%, transparent) !important;
}

html[data-axiowl-theme] body.axiowl-page-downloads .axiowl-dl-history {
    background: var(--ax-surface) !important;
}

html[data-axiowl-theme] body:is(.axiowl-page-desktop, .axiowl-page-mobile) .axiowl-download-trust {
    border-top-color: color-mix(in srgb, var(--ax-cool) 40%, transparent) !important;
}

html[data-axiowl-theme] body:is(.axiowl-page-desktop, .axiowl-page-mobile) .axiowl-download-trust :is(dl, dl > div, .axiowl-platform-downloads, .axiowl-platform-downloads > div) {
    border-color: color-mix(in srgb, var(--ax-cool) 24%, transparent) !important;
}

html[data-axiowl-theme] body:is(.axiowl-page-desktop, .axiowl-page-mobile) .axiowl-download-trust dt {
    color: color-mix(in srgb, var(--ax-cool) 68%, var(--ax-white)) !important;
}

/* Use palette paper for light pages and complete dark surfaces for new night themes. */
html[data-axiowl-theme] body:is(.axiowl-page-pricing, .axiowl-page-managed-vps, .axiowl-page-contact, .axiowl-page-affiliate, .axiowl-page-blog, .axiowl-page-downloads, .axiowl-page-mobile, .axiowl-page-policy-privacy, .axiowl-page-policy-terms, .axiowl-page-policy-accessibility, .axiowl-page-policy-docs, .axiowl-page-enterprise) main#content {
    background: var(--ax-page);
    color: var(--ax-ink);
}

html[data-axiowl-theme^="night-"] body:not(.axiowl-page-usage-meter-visual) :is(.elementor-section, .e-con, .page-content) {
    color: var(--ax-ink);
}

html[data-axiowl-theme^="night-"] body:is(.axiowl-page-pricing, .axiowl-page-managed-vps, .axiowl-page-contact, .axiowl-page-affiliate, .axiowl-page-blog, .axiowl-page-downloads, .axiowl-page-mobile, .axiowl-page-policy-privacy, .axiowl-page-policy-terms, .axiowl-page-policy-accessibility, .axiowl-page-policy-docs, .axiowl-page-enterprise) :is(.elementor-widget-container, .elementor-text-editor, p, li, dd) {
    color: var(--ax-ink);
}

html[data-axiowl-theme^="night-"] body:is(.axiowl-page-policy-privacy, .axiowl-page-policy-terms, .axiowl-page-policy-accessibility, .axiowl-page-policy-docs, .axiowl-page-enterprise) main#content :is(h1, h2, h3) {
    background-color: var(--ax-surface);
    color: var(--ax-ink);
}

html[data-axiowl-theme^="night-"] body.axiowl-page-downloads :is(.axiowl-dl-product--axiowl, .axiowl-dl-product--usage, .axiowl-dl-history) {
    background: var(--ax-surface) !important;
    color: var(--ax-ink);
}

/* Home's editorial sections are palette paper; video and textured image bands stay intact. */
html[data-axiowl-theme] body.axiowl-page-home main#content .elementor > :is(
    .elementor-element-1ad741fb,
    .elementor-element-3cf26a2a,
    .elementor-element-4c651cdc,
    .elementor-element-aaf03d8,
    .elementor-element-3bbd07b,
    .elementor-element-e8ee993,
    .elementor-element-96b63c7,
    .elementor-element-33a3ddc3,
    .elementor-element-3eb38e0f,
    .elementor-element-741e40eb
) {
    background: var(--ax-page) !important;
    color: var(--ax-ink) !important;
}

html[data-axiowl-theme] body.axiowl-page-home main#content .elementor > :is(
    .elementor-element-1ad741fb,
    .elementor-element-3cf26a2a,
    .elementor-element-4c651cdc,
    .elementor-element-aaf03d8,
    .elementor-element-3bbd07b,
    .elementor-element-e8ee993,
    .elementor-element-96b63c7,
    .elementor-element-33a3ddc3,
    .elementor-element-3eb38e0f,
    .elementor-element-741e40eb
) :is(h1, h2, h3, h4, p, .elementor-icon-box-title, .elementor-icon-box-description, .elementor-widget-text-editor) {
    color: var(--ax-ink) !important;
}

html[data-axiowl-theme] body.axiowl-page-home main#content .elementor > :is(
    .elementor-element-3cf26a2a,
    .elementor-element-e8ee993,
    .elementor-element-33a3ddc3
) .elementor-icon-box-description {
    color: var(--ax-muted) !important;
}

html[data-axiowl-theme^="night-"] body.axiowl-page-home .elementor-element-frightimg1 img {
    filter: invert(1) hue-rotate(180deg);
}

/* Existing account components use PMPro's own color tokens. */
html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) .pmpro {
    --pmpro--color--base: var(--ax-surface);
    --pmpro--color--base-2: var(--ax-page);
    --pmpro--color--contrast: var(--ax-ink);
    --pmpro--color--accent: var(--ax-link);
    --pmpro--color--accent--variation: var(--ax-link);
    --pmpro--color--border: color-mix(in srgb, var(--ax-ink) 40%, var(--ax-surface));
    --pmpro--color--border--variation: color-mix(in srgb, var(--ax-ink) 16%, var(--ax-surface));
}

html[data-axiowl-theme] .pmpro .axiowl-social-button {
    text-decoration: none;
}

html[data-axiowl-theme] .pmpro .pmpro_form_field-password-toggle button {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--ax-link) !important;
}

/* The historical desktop page keeps its alternating bands in every palette. */
html[data-axiowl-theme] body.axiowl-page-desktop .elementor-421 > :is(.elementor-element-c5d6e7f8, .axiowl-desktop-compare, .elementor-element-d0e1f2a5, .axiowl-desktop-compatibility) {
    background-color: var(--ax-page) !important;
}

html[data-axiowl-theme] body.axiowl-page-desktop .elementor-421 > :is(.elementor-element-a2a4210, .elementor-element-c7d8e9f0, .elementor-element-e3f4a5b7, .elementor-element-a0b7e01) {
    background-color: var(--ax-surface) !important;
}

html[data-axiowl-theme] body.axiowl-page-desktop .elementor-421 > .e-parent:not(.axiowl-desktop-hero):not(.axiowl-desktop-downloads):not(.axiowl-av-operations-detail) :is(p, .elementor-icon-box-description, .elementor-icon-box-title, .elementor-text-editor, .elementor-widget-text-editor) {
    color: var(--ax-ink) !important;
}

html[data-axiowl-theme] body.axiowl-page-desktop :is(.axiowl-desktop-tables, .axiowl-desktop-tables__platform-title, .axiowl-desktop-tables__table--compatibility thead th) {
    color: var(--ax-ink);
}

html[data-axiowl-theme] body.axiowl-page-desktop .axiowl-desktop-tables__table tbody tr:nth-child(even) {
    background: var(--ax-surface);
}

html[data-axiowl-theme] body.axiowl-page-desktop .axiowl-desktop-tables__table tbody tr:hover {
    background: color-mix(in srgb, var(--ax-primary) 12%, var(--ax-surface));
}

html[data-axiowl-theme] body.axiowl-page-mobile-visual .axiowl-mv-product-copy :is(h2, p, .axiowl-mv-feature-lines) {
    color: var(--ax-ink) !important;
}

html[data-axiowl-theme] body.axiowl-page-mobile-visual .axiowl-mv-product-copy .axiowl-mv-eyebrow {
    color: var(--ax-link) !important;
}

html[data-axiowl-theme] body.axiowl-page-mobile-visual .axiowl-mv-anywhere {
    background-color: var(--ax-shell-2) !important;
}

/* Affiliate landing bands and panels use the selected palette instead of Elementor's fixed colors. */
html[data-axiowl-theme] body.axiowl-page-affiliate main#content .elementor > .elementor-element-91d3869a {
    background: linear-gradient(135deg, var(--ax-shell), var(--ax-shell-2)) !important;
    color: var(--ax-white) !important;
}

html[data-axiowl-theme] body.axiowl-page-affiliate main#content .elementor > .elementor-element-91d3869a :is(h1, h2, h3, h4, p, li, .elementor-widget-container, .elementor-text-editor) {
    color: var(--ax-white) !important;
}

html[data-axiowl-theme] body.axiowl-page-affiliate main#content .elementor > :is(
    .elementor-element-116fe3c2,
    .elementor-element-d62595a9,
    .elementor-element-41ab28f0
) {
    background: var(--ax-page) !important;
    color: var(--ax-ink) !important;
}

html[data-axiowl-theme] body.axiowl-page-affiliate main#content .elementor > .elementor-element-d62595a9 {
    background: var(--ax-surface) !important;
}

html[data-axiowl-theme] body.axiowl-page-affiliate main#content .elementor > :is(
    .elementor-element-116fe3c2,
    .elementor-element-d62595a9,
    .elementor-element-41ab28f0
) :is(h1, h2, h3, h4, strong) {
    color: var(--ax-ink) !important;
}

html[data-axiowl-theme] body.axiowl-page-affiliate main#content .elementor > :is(
    .elementor-element-116fe3c2,
    .elementor-element-d62595a9,
    .elementor-element-41ab28f0
) :is(p, li, .elementor-widget-container, .elementor-text-editor) {
    color: var(--ax-muted) !important;
}

html[data-axiowl-theme] body.axiowl-page-affiliate main#content .elementor :is(
    .elementor-element-ac0e5320,
    .elementor-element-c8f0fbe6,
    .elementor-element-32e7c646,
    .elementor-element-a57747fb
) {
    border: 1px solid color-mix(in srgb, var(--ax-ink) 16%, transparent) !important;
    background: var(--ax-surface) !important;
    color: var(--ax-ink) !important;
    box-shadow: 0 18px 50px color-mix(in srgb, var(--ax-shell) 16%, transparent) !important;
}

html[data-axiowl-theme] body.axiowl-page-affiliate main#content :is(
    .elementor-element-ac0e5320,
    .elementor-element-c8f0fbe6,
    .elementor-element-32e7c646,
    .elementor-element-a57747fb
) :is(h1, h2, h3, h4, strong) {
    color: var(--ax-ink) !important;
}

html[data-axiowl-theme] body.axiowl-page-affiliate main#content :is(
    .elementor-element-ac0e5320,
    .elementor-element-c8f0fbe6,
    .elementor-element-32e7c646,
    .elementor-element-a57747fb
) :is(p, li, .elementor-widget-container, .elementor-text-editor) {
    color: var(--ax-muted) !important;
}

html[data-axiowl-theme] body.axiowl-page-affiliate main#content a:not(.elementor-button) {
    color: var(--ax-primary) !important;
}

html[data-axiowl-theme] body.axiowl-page-affiliate main#content a:not(.elementor-button):is(:hover, :focus-visible) {
    color: var(--ax-secondary) !important;
}

@media (max-width: 1320px) and (min-width: 783px) {
    .axiowl-theme-switcher__arrow {
        width: 24px;
    }

    .axiowl-theme-switcher__current {
        width: 20px;
        min-height: 35px;
        gap: 3px;
    }

    .axiowl-theme-switcher__current .axiowl-theme-switcher__swatch {
        width: 14px;
        height: 14px;
    }

    .axiowl-theme-switcher__current .axiowl-theme-switcher__choice-id {
        font-size: 9px;
    }
}

@media (max-width: 782px) {
    html[data-axiowl-theme] body:not(.axiowl-page-usage-meter-visual) .axiowl-global-nav__menu {
        background: color-mix(in srgb, var(--ax-shell) 98%, #000000);
    }

    .axiowl-theme-switcher {
        width: max-content;
        min-height: 46px;
        justify-content: center;
        margin: 0 auto 8px;
        background: color-mix(in srgb, var(--ax-shell-2) 74%, transparent);
    }

    .axiowl-theme-switcher__current {
        width: 26px;
        min-height: 46px;
        gap: 5px;
    }

    .axiowl-theme-switcher__current .axiowl-theme-switcher__swatch {
        width: 22px;
        height: 22px;
    }

    .axiowl-theme-switcher__current .axiowl-theme-switcher__choice-id {
        font-size: 11px;
    }

    .axiowl-theme-switcher__arrow {
        width: 38px;
        height: 38px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .axiowl-theme-switcher__choice {
        transition: none;
    }
}