/* Sistema de diseño del panel — única fuente de colores, tipografía y medidas.
   Misma familia visual que el sitio: tinta carbón, grises fríos, líneas finas. */
@font-face { font-family: 'Geist'; src: url('/assets/fonts/Geist.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Geist Mono'; src: url('/assets/fonts/GeistMono.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }

:root {
  /* Superficies */
  --lienzo: #FFFFFF;          /* contenido */
  --superficie: #FFFFFF;
  --superficie-2: #F6F7F9;    /* riel, cabeceras de tabla, campos deshabilitados */
  --superficie-3: #EEF0F3;
  --borde: #E6E8EB;
  --borde-fuerte: #D3D7DC;

  /* Tinta */
  --tinta: #1A1D21;
  --tinta-2: #5C6470;
  --tinta-3: #8A919C;
  --tinta-inversa: #FFFFFF;

  /* Acento: solo enlaces, foco y estado activo. Los botones principales son de tinta. */
  --acento: #2F5FD8;
  --acento-hover: #244BB0;
  --acento-suave: #EDF2FD;
  --acento-borde: #C3D2F5;

  /* Estados */
  --exito: #1B7F4B;  --exito-suave: #E6F4EC;
  --aviso: #A8620A;  --aviso-suave: #FBF1E0;
  --error: #B42318;  --error-suave: #FDECEA;

  /* Temperatura de leads */
  --caliente: #C2410C; --caliente-suave: #FCEBE2;
  --tibio: #A8620A;    --tibio-suave: #FBF1E0;
  --frio: #667085;     --frio-suave: #EEF0F3;

  /* Tipografía */
  --fuente: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --t-12: 12px; --t-13: 13px; --t-14: 14px; --t-16: 16px; --t-20: 20px; --t-26: 24px; --t-34: 30px;

  /* Medidas */
  --radio-control: 6px;
  --radio-tarjeta: 10px;
  --riel: 236px;
  --fila: 40px;
  --cab: 56px;
  --esp-1: 4px; --esp-2: 8px; --esp-3: 12px; --esp-4: 16px; --esp-5: 24px; --esp-6: 32px; --esp-7: 48px;

  --foco: 0 0 0 3px rgba(47, 95, 216, .22);
  color-scheme: light;
}

/* Modo oscuro solo si el usuario lo activa desde el panel (nunca impuesto). */
:root[data-tema="oscuro"] {
  --lienzo: #121417; --superficie: #121417; --superficie-2: #1A1D22; --superficie-3: #22262C;
  --borde: #2A2F36; --borde-fuerte: #3A414A;
  --tinta: #E8EAED; --tinta-2: #A9B0BA; --tinta-3: #79818C; --tinta-inversa: #121417;
  --acento: #7FA1F5; --acento-hover: #9DB7F8; --acento-suave: #1B2640; --acento-borde: #2E4374;
  --exito: #4CC38A; --exito-suave: #14301F; --aviso: #E2A03F; --aviso-suave: #33270F; --error: #F27C88; --error-suave: #3A1518;
  --caliente: #F0847A; --caliente-suave: #3A1A16; --tibio: #E2A03F; --tibio-suave: #33270F; --frio: #9AA8BE; --frio-suave: #1F252E;
  color-scheme: dark;
}

html { font-family: var(--fuente); font-size: var(--t-13); color: var(--tinta); background: var(--lienzo); -webkit-font-smoothing: antialiased; }
body { margin: 0; background: var(--lienzo); }
.mono, .num { font-family: var(--mono); font-variant-numeric: tabular-nums; }
*:focus-visible { outline: none; box-shadow: var(--foco); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }