/* Fleet theme-tokens — общий слой светлой темы для hub-страниц (свой :root, не blocks.css).
   Тёмная = токены самой страницы (не трогаем). Здесь: dark-дефолты инлайн/оверлей/surface токенов
   + полный [data-theme="light"] (структура по общим именам + инлайн + оверлеи + фоны).
   Подключать <link> на mechanic/maintenance/dashboard/login + theme.js. */

/* dark-дефолты токенов, которых нет в :root страницы (значения 1:1 = исходные цвета) */
:root {
  --c-fff:#fff; --c-red:#ef4444; --c-red2:#f87171; --c-red3:#fca5a5; --c-pnk:#f472b6; --c-pnk2:#ec4899;
  --c-grn:#4ade80; --c-grn2:#22c55e; --c-grn3:#10b981; --c-amb:#fbbf24; --c-amb2:#f59e0b; --c-amb3:#facc15;
  --c-yel:#fde047; --c-org:#fb923c; --c-blu2:#3b82f6; --c-blu3:#60a5fa; --c-blu4:#93b4f8; --c-blu:#93c5fd;
  --c-sky:#38bdf8; --c-sky2:#7dd3fc; --c-8a:#8a8785; --c-gry:#9ca3af; --c-gry2:#a8a29e; --c-gry3:#94a3b8;
  --c-gry4:#cbd5e1; --c-gry5:#e2e8f0; --c-c9:#c9c6c3; --c-pur:#a78bfa; --c-pur2:#a855f7;
  --c-grn4:#6ee7b7; --c-amb4:#fcd34d;
  --sc4:rgba(30,28,27,1); --sc5:rgba(46,44,43,1);
  --s1:#141312; --s2:#2a2827; --s3:#1c2127; --s4:#0d0d0c; --s5:#1e293b; --s6:#0f172a;
  --s7:#22201f; --s8:#1a1a2e; --s9:#1c1b1a; --s10:#16213e; --sblk:#0b0b0b;
  --sc1:rgba(42,40,39,1); --sc2:rgba(29,27,26,1); --sc3:rgba(34,32,31,.94);
  --ov-03:rgba(255,255,255,.03); --ov-04:rgba(255,255,255,.04); --ov-05:rgba(255,255,255,.05);
  --ov-06:rgba(255,255,255,.06); --ov-08:rgba(255,255,255,.08); --ov-10:rgba(255,255,255,.10);
  --ov-12:rgba(255,255,255,.12); --ov-15:rgba(255,255,255,.15); --ov-20:rgba(255,255,255,.20);
  --twm:rgba(255,255,255,.55); --twf:rgba(255,255,255,.18);
}

/* ═══ СВЕТЛАЯ ТЕМА ═══ */
:root[data-theme="light"] {
  /* структура — общие имена токенов hub-страниц */
  --bg:#F4F4F6;
  --card:linear-gradient(145deg,#ffffff,#f6f6f8);
  --card-bg:linear-gradient(145deg,#ffffff,#f6f6f8);
  --card-shadow:0 1px 2px rgba(0,0,0,.06),0 6px 20px rgba(0,0,0,.07);
  --green:#047857; --yellow:#B45309; --blue:#2563EB; --danger:#DC2626;
  --text:#1D1D1F; --text2:#5B5B62; --text3:#6E6E75;
  /* инлайн-цвета под белый (контраст AA) */
  --c-fff:#1A1A1C; --c-red:#dc2626; --c-red2:#dc2626; --c-red3:#dc2626; --c-pnk:#db2777; --c-pnk2:#db2777;
  --c-grn:#15803d; --c-grn2:#15803d; --c-grn3:#047857; --c-amb:#b45309; --c-amb2:#b45309; --c-amb3:#a16207;
  --c-yel:#a16207; --c-org:#c2410c; --c-blu2:#2563eb; --c-blu3:#2563eb; --c-blu4:#2563eb; --c-blu:#2563eb;
  --c-sky:#0369a1; --c-sky2:#0369a1; --c-8a:#70707a; --c-gry:#6b7280; --c-gry2:#57534e; --c-gry3:#475569;
  --c-gry4:#64748b; --c-gry5:#64748b; --c-c9:#4a4a50; --c-pur:#7c3aed; --c-pur2:#9333ea;
  --c-grn4:#047857; --c-amb4:#a16207;
  --sc4:#f4f4f6; --sc5:#eef0f2;
  /* тёмные панели → светлые подложки */
  --s1:#f2f2f4; --s2:#eeeef0; --s3:#eef0f3; --s4:#f2f2f4; --s5:#eef1f6; --s6:#e8ecf2;
  --s7:#f2f2f4; --s8:#eef1f6; --s9:#f1f1f3; --s10:#eaf0f6; --sblk:#e9e9ec;
  --sc1:#ffffff; --sc2:#f4f4f6; --sc3:#f2f2f4;
  /* белые оверлеи → чёрные (границы/фоны видимы на светлом) */
  --ov-03:rgba(0,0,0,.04); --ov-04:rgba(0,0,0,.05); --ov-05:rgba(0,0,0,.06);
  --ov-06:rgba(0,0,0,.07); --ov-08:rgba(0,0,0,.09); --ov-10:rgba(0,0,0,.12);
  --ov-12:rgba(0,0,0,.14); --ov-15:rgba(0,0,0,.17); --ov-20:rgba(0,0,0,.22);
  --twm:#5B5B62; --twf:#6E6E75;
}
:root[data-theme="light"] body { background: var(--bg); color: var(--text); }
:root[data-theme="light"] #fleet-theme-toggle { border-color: rgba(0,0,0,.18); background: rgba(255,255,255,.7); }
:root[data-theme="light"] svg { background: #1b1a1c; border-radius: 8px; }
input, textarea, select { min-width: 0; box-sizing: border-box; }