/* Sports campaign palette shared by storefront and admin. */
:root,[data-theme="light"]{
 color-scheme:light;
 --page:#f3f4f6;
 --header:#ffffff;
 --sidebar:#f3f4f6;
 --surface:#ffffff;
 --surface-subtle:#eef0f4;
 --surface-hover:#e2e7f2;
 --field:#fafbfe;
 --text:#171a23;
 --text-secondary:#424a5b;
 --text-muted:#586174;
 --border:#d4d9e2;
 --control-border:#7a8fad;
 --scrollbar:#94a9c7;
 --accent:#2349e8;
 --accent-hover:#193ccc;
 --accent-text:#193ccc;
 --accent-soft:#eaf1ff;
 --accent-border:#87a7df;
 --on-accent:#ffffff;
 --focus:#193ccc;
 --hero-accent:#ecf3ff;
 --hero-mark:#d2e2ff;
 --hero-stroke:#7a9fdc;
 --danger:#a02e20;
 --error-surface:#fff0ec;
 --error-ink:#a02e20;
 --error-edge:#c37769;
 --chart-primary:#2349e8;
 --chart-secondary:#0f766e;
 --backdrop-tone:rgba(9,27,58,.48);
 --shadow:rgba(22,51,96,.10);
 --overlay-tone:#fffffff2;
 --overlay-edge:#d4d9e2;
 --footer-shadow:#ffffffeb;
}
html[data-theme="dark"]{
 color-scheme:dark;
 --page:#10131c;
 --header:#10131c;
 --sidebar:#10131c;
 --surface:#1a2030;
 --surface-subtle:#161c29;
 --surface-hover:#29334a;
 --field:#151c2b;
 --text:#edf4ff;
 --text-secondary:#c3d3ea;
 --text-muted:#a5b7d0;
 --border:#304768;
 --control-border:#7089ad;
 --scrollbar:#5c769d;
 --accent:#76a9ff;
 --accent-hover:#a3c5ff;
 --accent-text:#a6c8ff;
 --accent-soft:#1b3357;
 --accent-border:#527cb7;
 --on-accent:#08162d;
 --focus:#a6c8ff;
 --hero-accent:#152b4a;
 --hero-mark:#203f68;
 --hero-stroke:#4a73aa;
 --danger:#ffb5a2;
 --error-surface:#38221e;
 --error-ink:#ffb5a2;
 --error-edge:#ad6757;
 --chart-primary:#76a9ff;
 --chart-secondary:#5ed5cc;
 --backdrop-tone:rgba(2,8,20,.76);
 --shadow:rgba(0,7,20,.30);
 --overlay-tone:#1a2030f2;
 --overlay-edge:#7089ad;
 --footer-shadow:#1a2030eb;
}
/* Existing functional components consume these semantic aliases. */
html[data-theme]{--canvas:var(--page);--ink:var(--text);--muted:var(--text-muted);--green:var(--accent-text);--soft:var(--accent-soft);--paper:var(--surface-subtle);--line:var(--border);--accent-light:var(--accent-soft);--hover-accent:var(--accent-hover);--focus-tone:var(--focus);--placeholder-tone:var(--text-muted);--text-subtle:var(--text-secondary);--text-strong:var(--text);--edge-tone:var(--border);--soft-tone:var(--accent-soft);--paper-tone:var(--surface-subtle);background:var(--page)}
::selection{background:var(--accent);color:var(--on-accent)}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:9px 12px;border:1px solid var(--control-border);border-radius:5px;background:var(--field);color:var(--text-secondary);font:500 13px/1.4 Arial,"Microsoft YaHei",sans-serif;white-space:nowrap;cursor:pointer;flex-shrink:0}
.theme-toggle:hover{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-border)}.theme-toggle:active{background:var(--surface-hover)}.theme-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.theme-toggle svg{width:18px!important;height:18px!important;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.theme-toggle .theme-moon{display:none}html[data-theme="dark"] .theme-toggle .theme-sun{display:none}html[data-theme="dark"] .theme-toggle .theme-moon{display:block}
html[data-theme="light"] :is(.public-logo img,.admin-brand img,.admin-login-card img){filter:brightness(0) saturate(100%)!important}html[data-theme="dark"] :is(.public-logo img,.admin-brand img,.admin-login-card img){filter:brightness(0) invert(1)!important}
.login-theme{display:flex;justify-content:flex-end;margin-bottom:20px}.admin-login-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.admin-login-heading>a{min-width:0}.admin-login-heading img{width:125px;height:auto}.admin-login-heading .theme-toggle{width:44px;padding:0}.admin-login-heading .theme-toggle span{display:none}
@media(max-width:480px){.header-actions .theme-toggle{padding:0;width:44px}.header-actions .theme-toggle span{display:none}.admin-topbar .actions{gap:8px}.admin-topbar .theme-toggle{font-size:12px}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}

/* Give every single-select arrow a predictable inset in both interfaces. */
:root{--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23424a5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
html[data-theme="dark"]{--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c3d3ea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
html[data-theme] :is(body.storefront,.admin-app,.category-dialog) select:not([multiple]):not([size]){appearance:none;background-image:var(--select-arrow);background-repeat:no-repeat;background-size:16px 16px;background-position:right 14px center;padding-right:44px}
@media(forced-colors:active){html[data-theme] :is(body.storefront,.admin-app,.category-dialog) select:not([multiple]):not([size]){appearance:auto;background-image:none;padding-right:12px}}