/* Polis. Modo claro com moldura marinho e ações cobalto. */
:root[data-theme='light'] {
  color-scheme: light;


  --void: #f6f7f5;
  --slab: #ffffff;
  --slab-2: #f6f7f5;
  --hair: #dce1e6;
  --hair-2: #bdc7d2;
  --on-dark: #101c2c;
  --on-dark-2: #526174;
  --on-dark-3: #526174;
  --heading: #101c2c;


  --lime: #245bff;
  --lime-ink: #ffffff;
  --glow: 0 0 0 1px rgba(36, 91, 255, .18), 0 6px 18px -8px rgba(36, 91, 255, .35);


  --d-crit: #9e2a20;
  --d-warn: #896100;
  --d-ok: #157a4b;
  --d-info: #2a6aa8;
  --d-quente: #9e2a20;
  --d-morna: #896100;
  --d-fria: #2a6aa8;
  --d-parada: #526174;
  --d-ramp-1: #17357b;
  --d-ramp-2: #245bba;
  --d-ramp-3: #668acf;
  --d-ramp-4: #a7bee9;
  --d-track: #e7ecf5;
}


:root[data-theme='light'] .sidebar,
:root[data-theme='light'] .command {
  --void: #0c1522;
  --slab: #101c2c;
  --slab-2: #18283d;
  --hair: #2a3b51;
  --hair-2: #425874;
  --on-dark: #f6f7f5;
  --on-dark-2: #c4ceda;
  --on-dark-3: #a7b5c8;
  --heading: #fff;
  --lime: #a4b9ff;
  --lime-ink: #101c2c;
}


:root[data-theme='light'] .client-bar { background: var(--slab); border-bottom-color: var(--hair); }


:root[data-theme='light'] .week-strip .wbar { background: rgba(36, 91, 255, .08); }
:root[data-theme='light'] .gate-card { box-shadow: none; }
:root[data-theme='light'] .filters input:focus,
:root[data-theme='light'] .filters select:focus,
:root[data-theme='light'] .client-pick select:focus,
:root[data-theme='light'] .gate-card input:focus { box-shadow: 0 0 0 3px rgba(36, 91, 255, .14); }



.tema-alternar {
  display: flex; align-items: center; gap: var(--s2); width: 100%;
  margin-top: var(--s4); padding: 9px var(--s3);
  background: transparent; border: 1px solid var(--hair); border-radius: var(--r-sm);
  color: var(--on-dark-2); font: inherit; font-size: var(--fs-xs); cursor: pointer;
  transition: color var(--t-fast), border-color var(--t-fast);
}
.tema-alternar:hover { color: var(--on-dark); border-color: var(--hair-2); }
.tema-alternar:focus-visible { outline: 2px solid var(--lime); outline-offset: 2px; }
.tema-alternar span[aria-hidden] { font-size: 14px; width: 18px; text-align: center; }