/* Thémis Dark 3.0.1. Semantic tokens: future themes override this block only.
   Operational priority/status/type variables intentionally remain owned by V1. */
html[data-themis-theme="dark"] {
 color-scheme:dark;
 --th-bg:#101923;--th-nav:#0c141e;--th-surface:#182430;
 --th-raised:#1e2d3c;--th-hover:#273a4d;--th-input:#111d29;
 --th-text:#e6edf5;--th-muted:#b2c1d1;--th-line:#3a4f63;
 --th-accent:#84d6ef;--th-primary:#214e67;--th-selected:#233e51;
 --th-danger:#ab2940;--th-focus:#9ce5ff;--th-radius:5px;
 --th-gap:10px;--th-control:34px;--th-font:14px;
 /* Compatibility aliases for the existing component layers. */
 --bg:var(--th-bg);--nav:var(--th-nav);--ink:var(--th-text);
 --muted:var(--th-muted);--line:var(--th-line);--panel:var(--th-surface);
 --teal:var(--th-accent);--mobile-accent:var(--th-accent);
 --sae-font-text:'SAE Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}
html[data-themis-theme] body {
 background:var(--th-bg);color:var(--th-text);
 font-family:var(--sae-font-text,system-ui,sans-serif);font-variant-numeric:tabular-nums;
 line-height:1.45;
}
html[data-themis-theme] :is(input,select,textarea,button){font-family:inherit;font-variant-numeric:tabular-nums}
html[data-themis-theme] :is(input,select,textarea){caret-color:var(--th-accent);accent-color:var(--th-accent)}
html[data-themis-theme] :is(button,a,input,select,textarea,summary):focus-visible {
 outline:2px solid var(--th-focus)!important;outline-offset:3px;
}
html[data-themis-theme] :is(input,textarea)::placeholder{color:var(--th-muted);opacity:.85}
html[data-themis-theme] ::selection{background:var(--th-primary);color:var(--th-text)}
html[data-themis-theme] dialog {
 background:var(--th-surface);color:var(--th-text);border:1px solid var(--th-line);
 border-radius:var(--th-radius);box-shadow:0 8px 28px #0006;
 max-height:calc(100dvh - 24px);overscroll-behavior:contain;animation:none;
}
html[data-themis-theme] dialog::backdrop{background:#08121cc9;backdrop-filter:blur(2px)}
/* Leaflet tiles, operational symbols, print documents and chart fills are never inverted. */
html[data-themis-theme] .leaflet-container{color-scheme:light}
@media(prefers-reduced-motion:reduce){html[data-themis-theme] *,html[data-themis-theme] *::before,html[data-themis-theme] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
