/* ==========================================================================
   UVLIS — tokens (versión 25)
   GENERADO por el módulo Diseño. El sistema vive en MySQL (uvlis_diseno).
   NO EDITAR A MANO: se sobrescribe. Cámbialo desde el módulo Diseño de
   UVLIS; para regenerar este archivo, `npm run diseno` en uvlis/.
   ========================================================================== */

:root {
  color-scheme: light;

  /* Acentos */
  --blue: #0a84ff;
  --violet: #bf5af2;
  --mint: #32d5a8;
  --peach: #ff9f0a;
  --pink: #ff375f;
  --cyan: #64d2ff;
  --lime: #a3e635;
  --grape: #7d7aff;

  /* Superficies */
  --bg: #efefef;
  --panel: #e0e0e0;
  --panel-stroke: #ffffff;
  --surface: #f4f4f4;
  --surface-hi: #ffffff;
  --item-on: rgba(255, 255, 255, 0.6);
  --line: rgba(0, 0, 0, 0.07);
  --scrim: rgba(30, 30, 34, 0.3);
  --velo-foto: rgba(0, 0, 0, 0.38);
  --papel: #ffffff;

  /* Texto e iconos */
  --ink: #333333;
  --ink-strong: #0d0d0d;
  --ink-soft: #6c6c6c;
  --ink-faint: #9c9c9c;
  --icon: #5b6664;
  --ink-sobre-color: #ffffff;
  --ink-sobre-claro: #1d1d1f;

  /* Controles */
  --round: #c2c2c2;
  --round-ink: #ffffff;
  --primary: #333333;
  --primary-ink: #ffffff;

  /* Sombras y filtros */
  --shadow-avatar: 0 4px 14px -2px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 24px 60px -18px rgba(0, 0, 0, 0.28), 0 2px 8px rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, 0.14);
  --logo-filter: none;

  /* Tipografía — font: var(--t-x); letter-spacing: var(--t-x-ls); */
  --font: "Poppins", -apple-system, BlinkMacSystemFont, "Helvetica Neue", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --t-marca: 800 30px/1 var(--font);
  --t-marca-ls: -0.01em;
  --t-escaparate: 700 96px/1.02 var(--font);
  --t-escaparate-ls: -0.04em;
  --t-escaparate-sm: 700 48px/1.05 var(--font);
  --t-escaparate-sm-ls: -0.03em;
  --t-rotulo: 700 60px/1.06 var(--font);
  --t-rotulo-ls: -0.035em;
  --t-rotulo-sm: 700 34px/1.1 var(--font);
  --t-rotulo-sm-ls: -0.025em;
  --t-entradilla: 500 24px/1.4 var(--font);
  --t-entradilla-ls: -0.01em;
  --t-entradilla-sm: 500 19px/1.45 var(--font);
  --t-entradilla-sm-ls: -0.005em;
  --t-titulo: 600 30px/1.15 var(--font);
  --t-titulo-ls: -0.02em;
  --t-destacado: 600 20px/1.3 var(--font);
  --t-destacado-ls: -0.02em;
  --t-seccion: 600 17px/1.4 var(--font);
  --t-seccion-ls: -0.01em;
  --t-menu: 500 25px/1.2 var(--font);
  --t-menu-ls: -0.01em;
  --t-etiqueta-menu: 700 13px/1.4 var(--font);
  --t-etiqueta-menu-ls: 0em;
  --t-cuerpo: 400 15px/1.5 var(--font);
  --t-cuerpo-ls: -0.005em;
  --t-subtitulo: 400 14px/1.5 var(--font);
  --t-subtitulo-ls: 0em;
  --t-texto: 400 13px/1.45 var(--font);
  --t-texto-ls: 0em;
  --t-pequeno: 500 12.5px/1.4 var(--font);
  --t-pequeno-ls: 0em;
  --t-etiqueta: 600 12px/1.4 var(--font);
  --t-etiqueta-ls: 0em;
  --t-campo: 500 14px/1.4 var(--font);
  --t-campo-ls: 0em;
  --t-boton: 500 14px/1 var(--font);
  --t-boton-ls: 0em;
  --t-boton-sm: 500 13px/1 var(--font);
  --t-boton-sm-ls: 0em;
  --t-chip: 600 11.5px/1 var(--font);
  --t-chip-ls: 0em;

  /* Radios */
  --r-xl: 28px;
  --r-lg: 20px;
  --r-md: 14px;
  --r-sm: 10px;
  --r-pill: 999px;

  /* Medidas */
  --gap: 30px;
  --sb-w: 281px;
  --sb-w-min: 76px;
  --control-alto: 42px;
  --control-alto-sm: 34px;
  --campo-alto: 44px;

  /* Movimiento */
  --ease: cubic-bezier(0.32, 0.72, 0, 1);
  --dur-rapida: 180ms;
  --dur-lenta: 420ms;
  --fast: var(--dur-rapida) var(--ease);
  --slow: var(--dur-lenta) var(--ease);
  --press: 0.97;
  --press-icono: 0.9;
}

/* Tema oscuro: solo lo que cambia. */
:root[data-theme="dark"] {
  color-scheme: dark;

  /* Superficies */
  --bg: #111113;
  --panel: #1c1c1f;
  --panel-stroke: rgba(255, 255, 255, 0.09);
  --surface: #26262a;
  --surface-hi: #2f2f34;
  --item-on: rgba(255, 255, 255, 0.07);
  --line: rgba(255, 255, 255, 0.08);
  --scrim: rgba(0, 0, 0, 0.55);

  /* Texto e iconos */
  --ink: #e6e6e8;
  --ink-strong: #ffffff;
  --ink-soft: #a2a2a8;
  --ink-faint: #6e6e76;
  --icon: #97a5a2;

  /* Controles */
  --round: #3a3a40;
  --round-ink: #e6e6e8;
  --primary: #ececee;
  --primary-ink: #121214;

  /* Sombras y filtros */
  --shadow-avatar: 0 4px 14px -2px rgba(0, 0, 0, 0.75);
  --shadow-lg: 0 24px 60px -18px rgba(0, 0, 0, 0.75), 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, 0.6);
  --logo-filter: invert(1) brightness(1.1);
}