@media screen{
/* Shared semantic palette; scoped to existing dark screens. */
html:is(.navy-design,[data-suvital-theme="dark"]){--sv-theme-canvas:#050c18;--sv-theme-surface:#0d1b30;--sv-theme-raised:#162b44;--sv-theme-input:#071326;--sv-theme-text:#eaf2ff;--sv-theme-muted:#b5c7de;--sv-theme-line:#526b89;--sv-theme-link:#afd3ff;--sv-theme-brand:#173c68;--sv-theme-accent:#1b3657;--sv-theme-successBg:#173c36;--sv-theme-successText:#b2eed6;--sv-theme-errorBg:#422330;--sv-theme-errorText:#ffd0da;--sv-theme-warningBg:#42351d;--sv-theme-warningText:#ffe3ad;--sv-theme-shadow:rgba(0,0,0,.32);color-scheme:dark;background:var(--sv-theme-canvas);--bg:var(--sv-theme-canvas);--ink:var(--sv-theme-text);--text:var(--sv-theme-text);--muted:var(--sv-theme-muted);--line:var(--sv-theme-line);--ice:var(--sv-theme-raised);--sv-ink:var(--sv-theme-text);--sv-muted:var(--sv-theme-muted);--sv-line:var(--sv-theme-line);--sv-canvas:var(--sv-theme-canvas);--sv-surface:var(--sv-theme-surface);--sv-shadow:0 8px 24px var(--sv-theme-shadow);--danger:var(--sv-theme-errorText);--danger-soft:var(--sv-theme-errorBg);--success:var(--sv-theme-successText);--success-soft:var(--sv-theme-successBg);--warning:var(--sv-theme-warningText);--warning-soft:var(--sv-theme-warningBg);--vt-text:var(--sv-theme-text);--vt-muted:var(--sv-theme-muted);--navy-cream:var(--sv-theme-surface)}
html:is(.navy-design,[data-suvital-theme="dark"]) body{background-color:var(--sv-theme-canvas);color:var(--sv-theme-text)}

:where(html.navy-design,html[data-suvital-theme="dark"]) :where(button,input,select,textarea){background-color:var(--sv-theme-input);color:var(--sv-theme-text);border-color:var(--sv-theme-line)}
:where(html.navy-design,html[data-suvital-theme="dark"]) :where(dialog,[popover]){background-color:var(--sv-theme-surface);color:var(--sv-theme-text);border-color:var(--sv-theme-line)}
html:is(.navy-design,[data-suvital-theme="dark"]) input::file-selector-button{background:var(--sv-theme-raised);color:var(--sv-theme-text);border-color:var(--sv-theme-line)}
html:is(.navy-design,[data-suvital-theme="dark"]) :focus-visible{outline-color:var(--sv-theme-link)}
html:is(.navy-design,[data-suvital-theme="dark"]) ::selection{background:var(--sv-theme-brand);color:var(--sv-theme-text)}
html:is(.navy-design,[data-suvital-theme="dark"]) input:-webkit-autofill{-webkit-text-fill-color:var(--sv-theme-text);caret-color:var(--sv-theme-text);box-shadow:0 0 0 1000px var(--sv-theme-input) inset}
html:is(.navy-design,[data-suvital-theme="dark"]) svg :is(.measurement-axis-label,.radar-label){fill:var(--sv-theme-muted)}

}