/* Shared color modes. Porcelain is the chosen light palette; the dark palette is unchanged. */
:root {
  --ui-scheme:dark; --ui-brand-fill:#23b8ca; --ui-edge:#647985;
  --ui-active:#203740; --ui-active-text:#a6ced6; --ui-hover:#202d36;
  --ui-bad-surface:#38282e; --ui-good-surface:#20352f; --ui-warn-surface:#363127;
}
:root[data-color-mode="light"] {
  --ui-scheme:light; --ui-ground:#f2f5f7; --ui-panel:#ffffff; --ui-raised:#e9eff3;
  --ui-border:#d2dde4; --ui-rule:#dde5ea; --ui-edge:#7b8e9a;
  --ui-text:#263b49; --ui-muted:#566d7b; --ui-number:#304b5b;
  --ui-brand:#08778a; --ui-icon:#406f80; --ui-danger:#bd3652; --ui-critical:#ae3b52;
  --ui-warning:#8f641f; --ui-success:#286c55; --ui-idle:#637987;
  --ui-active:#dcecf1; --ui-active-text:#17667a; --ui-hover:#f0f5f8;
  --ui-bad-surface:#fbe9ed; --ui-good-surface:#e6f3ec; --ui-warn-surface:#fbf0da;
  color-scheme:light;
}
/* The same accessible control inside Account and on public-page footers. */
@layer qaGraphite {
  body .ui-theme-toggle {display:flex!important;align-items:center!important;gap:10px!important;min-height:44px!important;padding:9px 10px!important;border:0!important;border-radius:4px!important;background:transparent!important;color:var(--ui-text)!important;font:inherit!important;font-size:12px!important;font-weight:500!important;text-align:left!important;cursor:pointer!important;}
  body .ui-theme-toggle:hover {background:var(--ui-hover)!important;}
  body .ui-theme-toggle:focus-visible {outline:2px solid var(--ui-brand)!important;outline-offset:2px!important;}
  body .ui-theme-toggle>svg {width:19px!important;height:19px!important;fill:none!important;stroke:var(--ui-icon)!important;stroke-width:1.7!important;stroke-linecap:round!important;flex:none!important;}
  body .ui-theme-toggle>svg * {fill:none!important;stroke:inherit!important;}
  body .ui-theme-toggle>span:not(.ui-theme-track) {color:var(--ui-text)!important;white-space:nowrap!important;}
  body .ui-theme-track {position:relative!important;display:block!important;width:34px!important;height:20px!important;flex:0 0 34px!important;margin-left:auto!important;border:1px solid var(--ui-edge)!important;border-radius:20px!important;background:var(--ui-raised)!important;}
  body .ui-theme-track::after {position:absolute!important;content:""!important;left:3px!important;top:3px!important;width:12px!important;height:12px!important;border-radius:50%!important;background:var(--ui-muted)!important;}
  html[data-color-mode=light] body .ui-theme-track {background:var(--ui-brand)!important;border-color:var(--ui-brand)!important;}
  html[data-color-mode=light] body .ui-theme-track::after {left:17px!important;background:#fff!important;}
  body .ui-theme-footer {display:flex!important;justify-content:flex-end!important;max-width:1080px!important;margin:0 auto!important;padding:0 24px 20px!important;}
  body .ui-theme-footer .ui-theme-toggle {width:180px!important;border:1px solid var(--ui-edge)!important;}
}
