/* ═══════ DESIGN SYSTEM v2 — THL Gestión Comercial ═══════ */
:root,[data-theme="dark"]{
  color-scheme:dark;
  --bg:#181b1a;--bg2:#101312;--bg3:#222725;--bgh:#2c3431;
  --fg:#f2f5f4;--fg2:#a6b0ac;--ac:#35b98f;--ac2:#279a75;
  --acg:color-mix(in srgb,var(--ac) 17%,transparent);--on-ac:#092a20;--da:#ef6a67;--wa:#d9a441;
  --bo:rgba(226,238,233,.09);--bo2:rgba(226,238,233,.17);
  --sh:0 1px 2px rgba(2,12,8,.2),0 10px 28px rgba(2,12,8,.16);
  --sh2:0 1px 2px rgba(2,12,8,.28),0 20px 50px rgba(2,12,8,.3);
  --rd:10px;--rd2:16px;--rdp:9999px;
  --ts:rgba(255,255,255,.018);--bl:#67aee8;
  --safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);
  --safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);
  --kb:0px;--header-h:64px;
  --list-h:calc(100dvh - var(--header-h) - var(--safe-t) - 80px)
}
[data-theme="light"]{
  color-scheme:light;
  --bg:#ffffff;--bg2:#f3f6f5;--bg3:#e9efed;--bgh:#dde7e3;
  --fg:#17201d;--fg2:#56645f;--ac:#187b5d;--ac2:#11664c;
  --acg:color-mix(in srgb,var(--ac) 12%,transparent);--on-ac:#fff;--da:#c94444;--wa:#a66c12;
  --bo:#d8e1de;--bo2:#c6d3cf;
  --sh:0 1px 2px rgba(13,48,37,.05),0 10px 28px rgba(13,48,37,.06);
  --sh2:0 1px 2px rgba(13,48,37,.08),0 20px 50px rgba(13,48,37,.12);
  --rd:10px;--rd2:16px;--rdp:9999px;
  --ts:rgba(13,48,37,.014);--bl:#2f77b5
}