/* Tuva eier-app, C4 (SPEC-tidy-app): the owner's look choice. app.css is NOT changed; its colours are only repeated here under a switch on <html>.
   Light  = the tokens of app.css's «prefers-color-scheme: light» block (and its small light rules), forced.
   Dark   = the tokens of app.css's :root, forced, so they win over a light device's media query.
   Automatic = no data-theme: app.css alone decides, exactly as before. No new colour. Owner app only (index.html); not the booking page, not admin. */
:root[data-theme="light"]{
  --bg:#E7ECE5;--surface:#F6F4EE;--surface-2:#FFFFFF;--surface-3:#ECEFE8;
  --line:rgba(15,26,34,.10);--line-strong:rgba(15,26,34,.22);
  --text:#0F1A22;--muted:#55666C;--accent:#2e5b45;--forest-2:#24493a;
  --cta-ink:#2A1F05;--warn:#B95A12;--warn-bg:rgba(214,110,30,.12);--danger:#B83A2A;
  --focus:#2e5b45;color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#0A1319;--surface:#0F1A22;--surface-2:#15222B;--surface-3:#1C2D38;
  --line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.18);
  --text:#EEF1EC;--muted:#9DAEB3;--sage:#86ab84;--accent:#9cc39a;
  --forest:#2e5b45;--forest-2:#244a38;--cta:#F2C66D;--cta-ink:#1E1606;
  --warn:#F2994A;--warn-bg:rgba(242,153,74,.14);--danger:#F08A7A;
  --focus:#F2C66D;--ok:#9cc39a;color-scheme:dark;
}
/* the «ok» green (accepted, connected, done) was a dark green made for light surfaces (3.3:1 on the dark card): on the dark look it is Tuva's own light green (7.2:1 or more on every dark surface). The light look is unchanged. */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ok:#9cc39a}}
/* the small light-only rules of app.css, customers.css, locked.css and crm.css, forced light */
:root[data-theme="light"] .upsell .nic,:root[data-theme="light"] .rowic.t-message,:root[data-theme="light"] .rowic.t-answered{color:#8a6410}
:root[data-theme="light"] .locktag,:root[data-theme="light"] .badge.t-message,:root[data-theme="light"] .badge.t-answered{color:#7a560a}
:root[data-theme="light"] .tagc{color:#7a5410}
:root[data-theme="light"] .custscreen .rowtag.warnt,:root[data-theme="light"] #sheet .rowtag.warnt{color:#8f4509}
:root[data-theme="light"] .lk-tag,:root[data-theme="light"] .lk-chip small{color:#5f4106;background:#f7e6bd}
/* ...and forced dark on a light device: back to the dark values those rules have in app.css */
:root[data-theme="dark"] .upsell .nic,:root[data-theme="dark"] .rowic.t-message,:root[data-theme="dark"] .rowic.t-answered,
:root[data-theme="dark"] .locktag,:root[data-theme="dark"] .badge.t-message,:root[data-theme="dark"] .badge.t-answered{color:var(--cta)}
:root[data-theme="dark"] .custscreen .rowtag.warnt,:root[data-theme="dark"] #sheet .rowtag.warnt{color:var(--warn)}
:root[data-theme="dark"] .lk-tag,:root[data-theme="dark"] .lk-chip small{color:var(--cta);background:color-mix(in srgb,var(--cta) 20%,transparent)}