/* Theme selection belongs to the public login and password reset screens. */
.sotel-wave-host[data-sotel-theme] {
  --sotel-theme-text: #eef0f3;
  --sotel-theme-muted: #bbc1ca;
  --sotel-theme-border: #565c66;
  --sotel-theme-accent: #71c4f0;
  --sotel-theme-track: #363a43;
}
.sotel-wave-host[data-sotel-theme="light"] {
  --sotel-theme-text: #273b4e;
  --sotel-theme-muted: #596b7c;
  --sotel-theme-border: #9aabba;
  --sotel-theme-accent: #00639d;
  --sotel-theme-track: #e1ebf4;
  --fullscreen-background: #f4f7fb;
  --fullscreen-text: #596b7c;
  --fullscreen-text-link: #273b4e;
  --fullscreen-text-muted: #596b7c;
  --fullscreen-drop-shadow: 0 10px 30px rgba(24,59,85,.13);
  background-color: #f4f7fb;
  color: var(--sotel-theme-text);
}
.sotel-wave-host[data-sotel-theme="dark"] { background-color: #28292e; }
.sotel-login-mobile[data-sotel-theme="dark"] { background-color: #191919; }
.sotel-login-theme { display:flex; flex-direction:column; align-items:center; gap:7px; margin:23px auto 12px; color:var(--sotel-theme-text); font-family:inherit; }
.sotel-login-theme-row { display:flex; align-items:center; justify-content:center; gap:10px; }
.sotel-login-theme button { font-family:inherit; cursor:pointer; }
.sotel-login-theme-name { display:inline-flex; align-items:center; gap:6px; background:transparent; border:0; padding:7px 2px; color:var(--sotel-theme-muted); font-size:14px; line-height:20px; }
.sotel-login-theme-name[aria-pressed="true"] { color:var(--sotel-theme-text); }
.sotel-login-theme-glyph { font-family:"Segoe UI Symbol",sans-serif; font-size:18px; line-height:20px; width:19px; text-align:center; }
.sotel-login-theme-switch { display:flex; align-items:center; justify-content:center; width:44px; height:38px; border:0; padding:0; background:transparent; }
.sotel-login-theme-track { display:block; width:44px; height:25px; box-sizing:border-box; padding:3px; border:1px solid var(--sotel-theme-border); border-radius:20px; background:var(--sotel-theme-track); }
.sotel-login-theme-knob { display:block; width:17px; height:17px; border-radius:50%; background:var(--sotel-theme-accent); transform:translateX(0); transition:transform .2s ease; }
.sotel-login-theme-switch[aria-checked="true"] .sotel-login-theme-knob { transform:translateX(17px); }
html .sotel-wave-host[data-sotel-theme="light"] .poweredBy .sotel-site-link { color:var(--sotel-theme-accent); }
.sotel-wave-host[data-sotel-theme="light"] .btn--text { color:var(--sotel-theme-muted); }
.sotel-wave-host[data-sotel-theme="light"] .formGroup-label label { color:var(--sotel-theme-muted); }
html .sotel-wave-host[data-sotel-theme="light"] :is(.sotel-site-icon,.sotel-mobile-site-icon) { background-image:url('sotel-mark-light.svg'); }
#app .sotel-login-mobile[data-sotel-theme="light"] { color:var(--sotel-theme-text); }
#app .sotel-login-mobile[data-sotel-theme="light"] .form-group { background-color:#fff; }
#app .sotel-login-mobile[data-sotel-theme="light"] :is(div,a,span,svg).text-white,
#app .sotel-login-mobile[data-sotel-theme="light"] :is(.formkit-input:not(button),.formkit-label,.formkit-suffix-icon) { color:var(--sotel-theme-text); }
#app .sotel-login-mobile[data-sotel-theme="light"] input[type="checkbox"] { border-color:var(--sotel-theme-border); }
#app .sotel-login-mobile[data-sotel-theme="light"] .sotel-mobile-site-footer .sotel-mobile-site-link { color:var(--sotel-theme-accent); }
#app .sotel-login-mobile[data-sotel-theme="light"] footer { border-color:#d8e1ea; }
@media(pointer:coarse) { .sotel-login-theme-name,.sotel-login-theme-switch { min-height:44px; } }
@media(prefers-reduced-motion:reduce) { .sotel-login-theme-knob { transition:none; } }
/* Mobile uses neutral tokens rather than the legacy desktop theme controller. */
html[data-sotel-mobile-theme="light"] {
  --color-black: #f4f7fb;
  --color-white: #273b4e;
  --color-gray: #657487;
  --color-gray-100: #34495d;
  --color-gray-150: #3c5165;
  --color-gray-200: #667789;
  --color-gray-300: #dde6ef;
  --color-gray-400: #e9eff5;
  --color-gray-500: #fff;
  --color-gray-600: #e6edf4;
  --color-gray-light: #e1e8f199;
}
html[data-sotel-mobile-theme="light"] #app .text-black { color:#191919; }
html[data-sotel-mobile-theme="light"] #app [data-variant="submit"] [class~="formkit-variant-submit:text-black"] { color:#191919; }
