/* Portal CEO · tokens del diseño «Liquid Glass» (mismo material que el almacén nuevo y el panel /admin
   de returns.casdeia.com: «Torre de control» en oscuro, «Luz de mañana» en claro). Solo variables. */
@font-face { font-family: 'Helvetica Now Display'; src: url('/fonts/HelveticaNowDisplay-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Helvetica Now Display'; src: url('/fonts/HelveticaNowDisplay-Medium.ttf') format('truetype'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Helvetica Now Display'; src: url('/fonts/HelveticaNowDisplay-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Helvetica Now Display'; src: url('/fonts/HelveticaNowDisplay-Black.ttf') format('truetype'); font-weight: 900; font-display: swap; }

:root {
  --fuente: 'Helvetica Now Display', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --t0: 11px; --t1: 14px; --t2: 22px; --t3: 40px; --t4: 56px;
  --r-1: 7px; --r-2: 12px; --r-3: 18px; --r-4: 24px; --r-boton: 14px; --r-chip: 6px; --r-barra: 20px; --r-campo: 12px;
  --e-1: 4px; --e-2: 8px; --e-3: 12px; --e-4: 16px; --e-5: 24px; --e-6: 32px; --e-7: 48px;
  --barra-alto: 64px; --barra-margen: 12px; --nav-ancho: 232px; --pagina-pad: 28px; --pagina-max: 1480px; --dock-alto: 64px;
  --boton-alto: 44px; --boton-fila: 34px; --fila-alto: 56px; --hora-alto: 56px;
  --m: .26s; --m-suave: cubic-bezier(.32, .72, 0, 1);
}
@media (max-width: 1100px) { :root { --nav-ancho: 200px; --pagina-pad: 20px; } }
@media (max-width: 760px) { :root { --t2: 20px; --t3: 34px; --t4: 44px; --barra-alto: 56px; --barra-margen: 8px; --pagina-pad: 14px; --r-3: 16px; --r-4: 20px; --hora-alto: 52px; } }

/* ---------- Oscuro · «Torre de control» ---------- */
:root, :root[data-tema="oscuro"] {
  color-scheme: dark;
  --bg: #0A0B0E; --ink: #F4F5F7; --ink-2: #A7ADB7; --ink-3: #7A818C;
  --surface-1: #121419; --surface-2: #181B21; --surface-3: #1F232A;
  --line: rgba(255,255,255,.075); --line-2: rgba(255,255,255,.16); --pista: rgba(255,255,255,.16);
  --hover: rgba(255,255,255,.055); --sel-bg: rgba(255,255,255,.11); --sel-sombra: inset 0 1px 0 rgba(255,255,255,.17); --foco: #8DB6FF;
  --ok: #3FD68B; --ok-tinta: #3FD68B; --ok-suave: rgba(63,214,139,.14); --ok-borde: rgba(63,214,139,.42);
  --aviso: #FFB224; --aviso-tinta: #FFB224; --aviso-suave: rgba(255,178,36,.14); --aviso-borde: rgba(255,178,36,.45);
  --fallo: #FF5A4F; --fallo-tinta: #FF5A4F; --fallo-suave: rgba(255,90,79,.15); --fallo-borde: rgba(255,90,79,.45);
  --azul: #8DB6FF; --azul-suave: rgba(141,182,255,.14); --azul-borde: rgba(141,182,255,.4);
  --barro: #EBA383; --barro-suave: rgba(235,163,131,.14); --barro-borde: rgba(235,163,131,.4);
  --oro: #DDB967; --oro-tinta: #17120A;
  --vidrio-bg: rgba(18,20,25,.58); --vidrio-bg-fuerte: rgba(18,20,25,.78); --vidrio-blur: 26px; --vidrio-sat: 165%;
  --vidrio-borde: rgba(255,255,255,.095); --vidrio-brillo: rgba(255,255,255,.17);
  --vidrio-reflejo: linear-gradient(180deg, rgba(255,255,255,.065) 0, rgba(255,255,255,0) 46%);
  --vidrio-sombra: 0 24px 60px -24px rgba(0,0,0,.85), 0 2px 8px rgba(0,0,0,.35); --vidrio-solido: #16191E;
  --campo-bg: rgba(255,255,255,.05); --campo-borde: rgba(255,255,255,.09);
  --capa-fondo: rgba(5,6,8,.6); --capa-blur: 2px;
  --fondo: radial-gradient(1100px 720px at 6% -14%, rgba(82,110,158,.45), transparent 62%), radial-gradient(900px 640px at 104% 110%, rgba(168,134,76,.17), transparent 60%), radial-gradient(760px 520px at 72% 28%, rgba(54,66,96,.26), transparent 70%), linear-gradient(180deg, #0D0E12 0%, #08090B 100%);
  --rejilla: radial-gradient(rgba(255,255,255,.08) 1px, transparent 1.4px) 0 0 / 22px 22px;
  --rejilla-mascara: linear-gradient(180deg, #000 0%, rgba(0,0,0,.35) 55%, transparent 90%);
  --cruz-filtro: invert(1);
  --sombra-1: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 34px -22px rgba(0,0,0,.9);
  --boton-bg: #F4F5F7; --boton-bg-hover: #FFFFFF; --boton-tinta: #0A0B0E; --boton-sombra: 0 10px 30px -12px rgba(255,255,255,.25);
  --rayado: rgba(255,255,255,.035); --ahora: #FF5A4F;
  --serie-1: #8DB6FF; --serie-2: #EBA383; --serie-3: #3FD68B; --serie-4: #DDB967; --serie-5: #C9A7FF; --serie-6: #7A818C;
}
/* ---------- Claro · «Luz de mañana» ---------- */
:root[data-tema="claro"] {
  color-scheme: light;
  --bg: #EFEDE7; --ink: #1B1A17; --ink-2: #5F594F; --ink-3: #8F887C;
  --surface-1: #FFFDF9; --surface-2: #F9F5EF; --surface-3: #FFFDF9;
  --line: #EEE7DC; --line-2: #DCD2C2; --pista: #F0EBE2; --hover: rgba(27,26,23,.045); --sel-bg: #FFFDF9;
  --sel-sombra: 0 1px 1px rgba(72,52,24,.03), 0 4px 14px -6px rgba(72,52,24,.14); --foco: #1B1A17;
  --ok: #1F9254; --ok-tinta: #16703E; --ok-suave: #E2F2E7; --ok-borde: #BBDFC8;
  --aviso: #E0950F; --aviso-tinta: #885800; --aviso-suave: #FCF0D8; --aviso-borde: #F0D49C;
  --fallo: #D6402F; --fallo-tinta: #A6281B; --fallo-suave: #FCE6E2; --fallo-borde: #F1C1B9;
  --azul: #2F63B8; --azul-suave: #E3ECFA; --azul-borde: #BFD2F1;
  --barro: #B2523F; --barro-suave: #F7E6E0; --barro-borde: #E8C3B7;
  --oro: #8E6B2C; --oro-tinta: #FFFBF1;
  --vidrio-bg: rgba(255,251,245,.46); --vidrio-bg-fuerte: rgba(255,251,245,.78); --vidrio-blur: 28px; --vidrio-sat: 180%;
  --vidrio-borde: rgba(255,255,255,.8); --vidrio-brillo: rgba(255,255,255,.95);
  --vidrio-reflejo: linear-gradient(180deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,.1) 34%, rgba(255,255,255,0) 58%);
  --vidrio-sombra: 0 0 0 .5px rgba(86,66,38,.12), 0 1px 2px rgba(72,52,24,.05), 0 22px 48px -22px rgba(72,52,24,.24); --vidrio-solido: #FBF8F2;
  --campo-bg: rgba(255,253,249,.66); --campo-borde: rgba(86,66,38,.11);
  --capa-fondo: rgba(246,242,235,.3); --capa-blur: 3px;
  --fondo: #EFEDE7; --rejilla: none; --rejilla-mascara: none; --cruz-filtro: none;
  --sombra-1: 0 1px 1px rgba(72,52,24,.03), 0 4px 14px -6px rgba(72,52,24,.10);
  --boton-bg: #1B1A17; --boton-bg-hover: #2C2A26; --boton-tinta: #FFFDF9; --boton-sombra: inset 0 1px 0 rgba(255,255,255,.14), 0 14px 30px -14px rgba(27,26,23,.55);
  --rayado: rgba(27,26,23,.045); --ahora: #D6402F;
  --serie-1: #2F63B8; --serie-2: #B2523F; --serie-3: #1F9254; --serie-4: #8E6B2C; --serie-5: #6F4FB8; --serie-6: #8F887C;
}
@media (prefers-contrast: more) {
  :root[data-tema="oscuro"] { --vidrio-bg: #000; --vidrio-bg-fuerte: #000; --line: rgba(255,255,255,.5); --ink-2: #ECECEC; }
  :root[data-tema="claro"] { --vidrio-bg: #FFF; --vidrio-bg-fuerte: #FFF; --line: #000; --ink-2: #1E1E1E; }
}