/* ===== 1 · TOKENS ===== */
:root{
  color-scheme: light;
  --tint:#0A7AFF; --tint-deep:#0A56B0; --go:#30B94D; --go-deep:#149A3D;
  --warn:#FF9F0A; --bad:#FF3B30; --vio:#6B5BFF;
  --ink:#0B1220; --ink2:#4B5563; --ink3:#8A94A6;
  --glass:rgba(255,255,255,.60); --glass-hi:rgba(255,255,255,.82); --glass-dim:rgba(255,255,255,.42);
  --hair:rgba(18,30,58,.08);
  --r-xl:30px; --r-lg:24px; --r-md:18px; --r-sm:13px; --r-pill:999px;
  --sh:0 24px 60px -18px rgba(18,30,58,.34),0 4px 14px -4px rgba(18,30,58,.10);
  --sh-sm:0 10px 24px -8px rgba(18,30,58,.22);
  --spring:cubic-bezier(.35,1.35,.45,1);
  --f:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
  --safe-b:env(safe-area-inset-bottom,0px);

  /* superficies usadas inline en ui.js y en app.css */
  --panel:rgba(255,255,255,.55);        /* tarjetas internas */
  --panel-2:rgba(255,255,255,.62);      /* renglones, steppers */
  --panel-blue:rgba(230,241,255,.5);    /* tarjeta "seleccionar cliente" */
  --ico-blue:#EAF2FF; --ico-green:#E5F6EA; --ico-green2:#D2F0DC;
  --ico-warn:#FFF0D9; --ico-warn2:#FFF3D6; --ico-vio:#F1ECFF;
  --ico-green-grad:linear-gradient(160deg,#E5F6EA,#D2F0DC);

  /* tema (claro por defecto, oscuro en :root[data-theme="dark"]) */
  --bg:#E7EFFC;
  --glass-line:rgba(255,255,255,.58);   /* borde del vidrio */
  --sheen:rgba(255,255,255,.85);        /* brillo superior del vidrio */
  --hi-line:#fff;                       /* inset highlight 1px */
  --bar-bg:rgba(250,252,255,.6);        /* tabbar */
  --bar-bg-2:rgba(247,250,255,.66);     /* appbar */
  --bar-bg-3:rgba(250,252,255,.82);     /* cartbar */
  --bar-ring:rgba(247,250,255,.92);     /* anillo del FAB / borde del badge */
  --tab-ink:#61708C;
  --field-bg:rgba(255,255,255,.66);
  --sheet-bg:rgba(250,252,255,.84);
  --side-bg:rgba(248,251,255,.5);
  --nav-ink:#42506B;
  --track:rgba(18,30,58,.09);
}
/* ===== 1b · TEMA OSCURO ===== */
:root[data-theme="dark"]{
  color-scheme: dark;
  --ink:#E8EDF7; --ink2:#A7B2C4; --ink3:#6E7B91;
  --glass:rgba(22,29,46,.60); --glass-hi:rgba(38,48,72,.82); --glass-dim:rgba(22,29,46,.42);
  --hair:rgba(232,237,247,.09);
  --sh:0 24px 60px -18px rgba(0,0,0,.55),0 4px 14px -4px rgba(0,0,0,.35);
  --sh-sm:0 10px 24px -8px rgba(0,0,0,.45);

  --panel:rgba(30,38,58,.55);
  --panel-2:rgba(36,45,68,.62);
  --panel-blue:rgba(22,42,74,.45);
  --ico-blue:#182C45; --ico-green:#14301F; --ico-green2:#1C4029;
  --ico-warn:#3A2B10; --ico-warn2:#3A2E12; --ico-vio:#2A2347;
  --ico-green-grad:linear-gradient(160deg,#14301F,#1C4029);

  --bg:#0B111E;
  --glass-line:rgba(255,255,255,.10);
  --sheen:rgba(255,255,255,.06);
  --hi-line:rgba(255,255,255,.08);
  --bar-bg:rgba(17,24,40,.62);
  --bar-bg-2:rgba(15,22,38,.72);
  --bar-bg-3:rgba(17,24,40,.8);
  --bar-ring:rgba(13,20,36,.9);
  --tab-ink:#7E8BA1;
  --field-bg:rgba(22,30,48,.6);
  --sheet-bg:rgba(18,25,42,.88);
  --side-bg:rgba(14,20,35,.55);
  --nav-ink:#A7B2C4;
  --track:rgba(255,255,255,.10);
}