/* Shared JU appearance primitives. Product imagery and print remain untouched. */
:root{--ju-ground:#080d1c;--ju-radius:8px;--ju-radius-control:6px;--ju-positive:#69d5af;--ju-warning:#e2bd7a;--ju-negative:#f598a5;--ju-font:'IBM Plex Sans Arabic',system-ui,sans-serif;--ju-surface:#101a30;--ju-text:#edf2fc;--ju-muted:#a2b0ca;--ju-line:rgba(160,182,226,.24);--ju-accent:#b49aff;--ju-control:#15223b;--ju-shadow:0 8px 28px rgba(0,0,0,.15)}
@media screen{html[data-ju-theme=light]{--ju-ground:#e5e0d8;--ju-positive:#176346;--ju-warning:#775018;--ju-negative:#9d2940;--ju-surface:#eee9e0;--ju-text:#17223b;--ju-muted:#46516a;--ju-line:#bdb4a5;--ju-accent:#593099;--ju-control:#e3dbcf;--ju-shadow:0 8px 28px rgba(40,32,51,.13)}}
.ju-theme-toggle{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:8px 12px;margin:0;border:1px solid var(--ju-line);border-radius:9px;background:var(--ju-control);color:var(--ju-text);font:500 13px/1.6 var(--ju-font);white-space:nowrap;cursor:pointer;touch-action:manipulation;box-shadow:none;vertical-align:middle;flex-shrink:0}
.ju-theme-toggle svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ju-theme-toggle:hover{border-color:var(--ju-accent);color:var(--ju-accent)}
.ju-theme-toggle:focus-visible{outline:2px solid var(--ju-accent);outline-offset:3px}
[data-ju-theme-mount]{display:inline-flex;align-items:center}
.ju-theme-fallback[data-ju-theme-mount]{display:flex;justify-content:flex-end;width:100%;padding:12px 20px;background:var(--ju-surface);position:relative;z-index:20}
html[data-ju-theme-controls=ready] #ju-bk-bar .ju-bk-theme{display:none}
@media screen and (prefers-reduced-motion:no-preference){html.ju-theme-changing body,html.ju-theme-changing header,html.ju-theme-changing footer,html.ju-theme-changing main,html.ju-theme-changing section,html.ju-theme-changing article,html.ju-theme-changing .card,html.ju-theme-changing button,html.ju-theme-changing input,html.ju-theme-changing select{transition:background-color .16s ease,border-color .16s ease,color .16s ease}}
@media(max-width:600px){.ju-theme-toggle{padding:8px;min-width:44px}.ju-theme-toggle-label{display:none}}
@media(prefers-reduced-motion:reduce){.ju-theme-toggle{transition:none!important}}
@media print{.ju-theme-toggle,[data-ju-theme-mount]{display:none!important}}
