/* OPS v58 · SUBPRINCIPAL 1: tema visual oficial basado en Cierre de caja registro.
   Objetivo: una sola fuente para colores, bordes, radios, sombras y tamaños compactos. */
:root{
  color-scheme:dark;
  --bg:#0f131a;
  --panel:#171c25;
  --panel-2:#1e2430;
  --panel-3:#121824;
  --panel-soft:rgba(255,255,255,.025);
  --line:#2c3444;
  --text:#eef3ff;
  --muted:#9dacbf;
  --primary:#4ea7ff;
  --primary-2:#256dca;
  --brand:#3b82f6;
  --brand2:#8b5cf6;
  --success:#58c276;
  --warning:#f1b84b;
  --danger:#e78f8f;
  --info:#8fd6ff;
  --accent-blue:#4ea7ff;
  --accent-sky:#8fd6ff;
  --accent-green:#76c893;
  --accent-yellow:#e8d38b;
  --accent-red:#e78f8f;
  --radius:18px;
  --radius-md:14px;
  --radius-sm:10px;
  --shadow-panel:0 10px 28px rgba(0,0,0,.22);
  --shadow-soft:0 8px 22px rgba(0,0,0,.18);
  --ops-control-h:32px;
  --ops-date-h:30px;
  --ops-btn-h:32px;
  --ops-control-radius:10px;
  --ops-control-font:.82rem;
  --ops-row-bg:#0e141d;
  --ops-row-bg-alt:#111827;
  --ops-topbar-bg:linear-gradient(180deg,rgba(23,28,37,.97),rgba(12,18,28,.97));
}
body[data-theme="light"],body.theme-light{
  color-scheme:light;
  --bg:#eef3f8;
  --panel:#ffffff;
  --panel-2:#eef5fb;
  --panel-3:#f7fbff;
  --panel-soft:rgba(15,23,42,.025);
  --line:#b9c8dc;
  --text:#0f172a;
  --muted:#475569;
  --primary:#3185e7;
  --primary-2:#256dca;
  --brand:#2563eb;
  --brand2:#7c3aed;
  --success:#16a34a;
  --warning:#d97706;
  --danger:#9f6b6b;
  --info:#0284c7;
  --ops-row-bg:#f8fafc;
  --ops-row-bg-alt:#ffffff;
  --ops-topbar-bg:linear-gradient(180deg,rgba(255,255,255,.96),rgba(238,246,255,.96));
  --shadow-panel:0 10px 28px rgba(15,23,42,.10);
  --shadow-soft:0 8px 22px rgba(15,23,42,.08);
}