/* VALIYAN SYSTEM · общ превключвател светло/тъмно
   Зарежда се ПОСЛЕ собствения стил на модула и преобръща само променливите.
   Нито един модул не е пипан по същество — тук стои само другият вариант.
   0.1.0 · 31.10.2026 */

/* ——— Обвивката и ЧАСОВЕ (тъмни по рождение) → светъл вариант ——— */
html[data-theme="light"] {
  --bg:#F6F2EA; --panel:#FFFDF8; --panel-2:#F1ECE1; --head:#EFEAE0;
  --text:#1F2320; --text-2:#4a4f49; --muted:#6f6a60;
  --line:#ddd6c8; --line-2:#cfc6b4;
  --field:#FFFDF8; --field-line:#c9c0ae; --ph:#9a948a;
  --btn:#e4ded1; --btn-line:#c9c0ae; --btn-2:#F1ECE1; --btn-2-line:#d8d0c0;
  --green:#007A45; --green-txt:#00502d;
  --amber:#B9770E; --amber-bg:#fbf0dc; --amber-line:#e6cf9f;
  --red:#A32A20; --red-bg:#f7e4e2; --red-line:#e3b6b1;
  --ok:#007A45; --ok-bg:#e4f0ea; --ok-line:#aed4c2;
  color-scheme: light;
}
/* Всеки модул си пази своя акцент — иначе розовото на ЧАСОВЕ се разлива в ORDERS. */
html[data-theme="light"][data-mod="orders"] {
  --panel2:#F1ECE1; --line2:#cfc6b4;
  --acc:#8a6d1f; --acc2:#6b5415; --warn:#B9770E; --ok:#007A45;
}
html[data-theme="light"][data-mod="system"],
html[data-theme="light"][data-mod="chasove"] {
  --acc:#6e3344; --acc-bg:#f6e8ec; --acc-line:#d7b3bd; --acc-btn:#6e3344;
}

/* ——— Протоколи (светъл по рождение) → тъмен вариант ——— */
html[data-theme="dark"] {
  --green:#3fae7a; --green-dark:#2c8c60; --green-soft:#1d2d25;
  --ink:#e8e4d9; --paper:#151714; --card:#1c1f1b;
  --line:#32362f; --mute:#9a958a;
  --ochre:#d9a04a; --ochre-soft:#2e2619;
  --red:#e0695c; --red-soft:#30201e;
  /* Служители — същата гама, за да си приличат */
  --cream:#151714; --olive:#86a76e; --shell:#0e100d; --shell-fg:#e8e4d9; --chip:#2a2e26;
  color-scheme: dark;
}
/* Служители вече има тъмна гама през предпочитанието на устройството;
   когато човекът е избрал светло, тя не бива да се включва. */
html[data-theme="light"] {
  --cream:#F6F2EA; --paper:#fffdf8; --ink:#1F2320; --mute:#6f6a60;
  --olive:#4f6b3f; --shell:#1F2320; --shell-fg:#ece7dc; --chip:#e9e3d6;
  --card:#ffffff; --green-soft:#e4f0ea; --green-dark:#005c34;
  --ochre-soft:#fbf0dc; --red-soft:#f7e4e2;
}

/* ——— Самият бутон ——————————————————————————————————————————— */
.vtheme {
  position: fixed;
  top: calc(10px + env(safe-area-inset-top, 0px));
  right: calc(12px + env(safe-area-inset-right, 0px));
  z-index: 9999;
  width: 34px; height: 34px;
  display: grid; place-items: center;
  border-radius: 999px;
  border: 1px solid currentColor;
  background: transparent;
  color: inherit;
  opacity: .42;
  cursor: pointer;
  padding: 0;
  transition: opacity .15s ease, transform .15s ease;
  -webkit-tap-highlight-color: transparent;
}
.vtheme:hover, .vtheme:focus-visible { opacity: 1; transform: scale(1.05) }
.vtheme:focus-visible { outline: 2px solid currentColor; outline-offset: 2px }
.vtheme svg { width: 17px; height: 17px; display: block }
@media (max-width: 520px) {
  .vtheme { width: 30px; height: 30px; top: calc(7px + env(safe-area-inset-top, 0px)); right: calc(8px + env(safe-area-inset-right, 0px)) }
  .vtheme svg { width: 15px; height: 15px }
}
@media (prefers-reduced-motion: reduce) { .vtheme { transition: none } }
/* VSYS-SURF-1 */
/* ——— Протоколи в тъмно: повърхностите, които ползват --ink за фон ——— */
html[data-theme="dark"][data-mod="protokoli"] #bar,
html[data-theme="dark"][data-mod="protokoli"] .sys,
html[data-theme="dark"][data-mod="protokoli"] #toast{
  background:#10120F; color:#E8E4D9; border-color:#2A2E29;
}
html[data-theme="dark"][data-mod="protokoli"] .icon,
html[data-theme="dark"][data-mod="protokoli"] .systabs a,
html[data-theme="dark"][data-mod="protokoli"] .systabs a.on,
html[data-theme="dark"][data-mod="protokoli"] .systabs a:active{ color:#E8E4D9; }
html[data-theme="dark"][data-mod="protokoli"] .btn,
html[data-theme="dark"][data-mod="protokoli"] .filters button.on{
  background:#007A45; border-color:#007A45; color:#F6F2EA;
}
html[data-theme="dark"][data-mod="protokoli"] .btn.ghost{
  background:transparent; border-color:#3A3F39; color:#E8E4D9;
}
/* VSYS-SURF-2 */
html[data-theme="dark"][data-mod="protokoli"] .sheet-card{ background:var(--card); }
/* ——— ORDERS в светло: твърдо зададените тъмни цветове ——— */
html[data-theme="light"][data-mod="orders"] .chip{ color:#4a4f49; }
html[data-theme="light"][data-mod="orders"] .ord:hover{ background:#F1ECE1; }
html[data-theme="light"][data-mod="orders"] .prog{ background:#ded7c8; }
html[data-theme="light"][data-mod="orders"] .msg.err{ background:#f7e4e2; color:#8a241b; }
html[data-theme="light"][data-mod="orders"] .foot{ color:#6f6a60; }
/* VSYS-GAP-1 */
/* Бутонът за темата стои горе вдясно — дръпни лентата наляво, за да не се припокриват */
nav.tabs, nav.systabs{ padding-right:48px; }
.shell > .right{ margin-right:44px; }
@media (max-width: 520px){
  nav.tabs, nav.systabs{ padding-right:40px; }
  .shell > .right{ margin-right:36px; }
}
/* VSYS-BTN-3 */
/* Бутонът се нагажда към фона под него — theme.js го измерва */
html[data-vbtn="dark"] .vtheme{
  color:#F6F2EA; opacity:1;
  background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.28);
}
html[data-vbtn="dark"] .vtheme:hover, html[data-vbtn="dark"] .vtheme:focus-visible{
  background:rgba(255,255,255,.20); border-color:rgba(255,255,255,.45);
}
html[data-vbtn="light"] .vtheme{
  color:#1F2320; opacity:1;
  background:rgba(0,0,0,.05); border:1px solid rgba(31,35,32,.24);
}
html[data-vbtn="light"] .vtheme:hover, html[data-vbtn="light"] .vtheme:focus-visible{
  background:rgba(0,0,0,.10); border-color:rgba(31,35,32,.42);
}
/* VSYS-ICONS-1 */
/* Иконки на модулите. Стилът минава само през наследявани свойства
   (fill, stroke-width, color) — <use> не пуска класове в сянката си. */
.vic{ fill:#007A45; stroke-width:1.15; flex:0 0 auto; }
html[data-theme="dark"] .vic{ fill:#3fae7a; }

nav.tabs a, nav.systabs a{ display:inline-flex; align-items:center; gap:7px; }
nav.tabs .vic, nav.systabs .vic{ width:16px; height:16px; stroke-width:1.7; fill:#2e9c6b; }

.tile .vic{ width:32px; height:32px; display:block; margin-bottom:10px;
            transition:transform .22s ease, fill .18s ease; }
a.tile:hover .vic{ transform:translateY(-1px) scale(1.06); fill:var(--c); }
@media (prefers-reduced-motion: reduce){
  .tile .vic{ transition:none; }
  a.tile:hover .vic{ transform:none; }
}
/* ПЛАН — променливите, които не са в общия списък (plan 0.1.0) */
html[data-theme="light"][data-mod="plan"]{ --panel2:#F1ECE1; --line2:#cfc6b4; --rowh:#f3eee4; --track:#e4ded1; --acc:#007A45; --acc2:#007A45; --warn:#B9770E; --ok:#007A45; }
html[data-theme="light"][data-mod="plan"] .msg.err{ background:#f7e4e2; border-color:#e3b6b1; color:#A32A20; }