/* ================================================================
   SilaiLink theme layer — ONE source of truth for every surface
   (website, factory portal, Mission Control, catalog editor, CEO portal).
   Default: Neon Noir Pink. Toggle: Warm Workwear (navy + marigold on paper).
   theme.js applies the saved choice before paint and injects the switch.
   Tokens only — every page paints with var(--…), never a literal hex.
   ================================================================ */
:root{
  color-scheme:dark;
  --bg:#0B0512; --panel:#160B1E; --card:#160B1E; --soft:#1D0F28; --line:#31173F; --line2:#241130;
  --txt:#F2E9F7; --txt2:#D9BCE8; --txt3:#C4B2D4; --txt4:#EBD6F5; --mut:#9C87B2; --mut2:#7E6B92;
  --ink:#FF2E9A; --ink2:#FF7AC1; --ink-rgb:255,46,154; --on-ink:#0B0512; --on-amber:#0B0512;
  --violet:#B44BFF; --mag:#B44BFF; --violet2:#C77DFF; --violet-rgb:180,75,255;
  --amber:#FFB020; --mar:#FFB020; --mard:#FFB020; --amber2:#E8A33D; --amber-rgb:255,176,32;
  --good:#3DF2A8; --good-rgb:61,242,168; --bad:#FF6B4A;
  --good-bg:#0F241C; --bad-bg:#2E120E; --amber-bg:#241A08; --blue-bg:#1A1033;
  --good-txt:#BFE3D2; --amber-txt:#FFD98A;
  --disp:'Chakra Petch','Mukta',system-ui,sans-serif;
  --shadow:0 0 0 1px #31173F, 0 0 22px rgba(255,46,154,.07);
  --grid:rgba(255,46,154,.03);
  --bg-rgb:11,5,18; --panel-rgb:22,11,30; --soft-rgb:29,15,40; --txt-rgb:242,233,247; --line-rgb:49,23,63; --line2-rgb:36,17,48;
  /* legacy aliases still referenced by pages */ --goodBg:var(--good-bg); --badBg:var(--bad-bg); --amberBg:var(--amber-bg); --blueBg:var(--blue-bg);
}
:root[data-theme="warm"]{
  color-scheme:light;
  --bg:#F6F4EF; --panel:#FFFFFF; --card:#FFFFFF; --soft:#F0EDE6; --line:#E8E4DB; --line2:#EDE9E0;
  --txt:#1A1D2E; --txt2:#334155; --txt3:#475569; --txt4:#3A3A3A; --mut:#6B6F80; --mut2:#9AA0B0;
  --ink:#1E2761; --ink2:#3D4A8C; --ink-rgb:30,39,97; --on-ink:#FFFFFF; --on-amber:#1A1D2E;
  --violet:#C46686; --mag:#C46686; --violet2:#D48AA6; --violet-rgb:196,102,134;
  --amber:#E8A33D; --mar:#E8A33D; --mard:#B97817; --amber2:#B97817; --amber-rgb:232,163,61;
  --good:#0F6E56; --good-rgb:15,110,86; --bad:#B42318;
  --good-bg:#E7F5EE; --bad-bg:#FBEAE7; --amber-bg:#FBF3E4; --blue-bg:#EDF3FC;
  --good-txt:#0F6E56; --amber-txt:#92400E;
  --disp:'Bricolage Grotesque','Mukta',system-ui,sans-serif;
  --shadow:0 1px 2px rgba(26,29,46,.05), 0 8px 24px rgba(26,29,46,.08);
  --grid:rgba(30,39,97,.04);
  --bg-rgb:246,244,239; --panel-rgb:255,255,255; --soft-rgb:240,237,230; --txt-rgb:26,29,46; --line-rgb:232,228,219; --line2-rgb:237,233,224;
}
/* warm paper has no neon glow — text-shadows and glowing borders soften to depth */
:root[data-theme="warm"] *{ text-shadow:none !important; }

/* ---- the switch: 🌙 ⇄ ☀ — fixed, same on every surface ---- */
.sl-theme{position:fixed;right:14px;bottom:14px;z-index:99999;display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;
  background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer;user-select:none;font-size:13px;line-height:1;color:var(--mut);
  font-family:'Mukta',system-ui,sans-serif;transition:background .2s,border-color .2s;}
.sl-theme:hover{border-color:var(--ink);}
.sl-theme .track{width:40px;height:22px;border-radius:999px;background:var(--line);position:relative;transition:background .2s;flex:none;}
.sl-theme .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--ink);transition:left .2s,background .2s;box-shadow:0 0 10px rgba(var(--ink-rgb),.55);}
:root[data-theme="warm"] .sl-theme .track{background:#DCD6C8;}
:root[data-theme="warm"] .sl-theme .knob{left:20px;background:var(--amber);box-shadow:0 1px 3px rgba(26,29,46,.25);}
.sl-theme .i{font-size:13px;opacity:.55;} .sl-theme .i.on{opacity:1;}
.sl-theme input{position:absolute;opacity:0;width:0;height:0;}
@media (max-width:560px){ .sl-theme{bottom:auto;top:10px;right:10px;padding:5px 8px;} .sl-theme .i{display:none;} }
@media print{ .sl-theme{display:none;} }