/*
 * Tokens de diseño del Portal TresVizo (tvplataforma 1.x, contrato §3.4).
 *
 * Son las ÚNICAS fuentes de color, espacio y tipografía que pueden usar las apps. Los 19 colores son los tokens
 * del tema de Med escritorio, uno a uno (primary→--tv-primario, accent→--tv-acento, background→--tv-fondo,
 * surface→--tv-superficie, header→--tv-cabecera, sidebar→--tv-lateral, text→--tv-texto, muted→--tv-tenue,
 * border→--tv-borde, button→--tv-boton, secondary→--tv-secundario, selection→--tv-seleccion, focus→--tv-foco,
 * chart1..6→--tv-grafica-1..6). Los --tv-sobre-* son el color legible encima de cada superficie (en Med
 * escritorio, on_*); los --tv-estado-* son los colores semánticos.
 *
 * Med sirve su tema elegido como /med/tema.css, que redefine estas variables (ver tvplataforma.temas).
 */
:root {
  color-scheme: light;

  /* Colores: tema «TresVizo», modo claro */
  --tv-primario: #173B5F;
  --tv-acento: #0A79A4;
  --tv-fondo: #F5F5F7;
  --tv-superficie: #FFFFFF;
  --tv-cabecera: #FFFFFF;
  --tv-lateral: #EFEFF2;
  --tv-texto: #1D1D1F;
  --tv-tenue: #626269;
  --tv-borde: #85858B;
  --tv-boton: #0066CC;
  --tv-secundario: #EFEFF2;
  --tv-seleccion: #E8F1FC;
  --tv-foco: #0066CC;
  --tv-grafica-1: #086A8C;
  --tv-grafica-2: #197653;
  --tv-grafica-3: #8055A1;
  --tv-grafica-4: #9A6200;
  --tv-grafica-5: #A24468;
  --tv-grafica-6: #4269A6;

  /* Derivados: legible sobre cada superficie */
  --tv-sobre-primario: #FFFFFF;
  --tv-sobre-cabecera: #000000;
  --tv-sobre-lateral: #000000;
  --tv-sobre-boton: #FFFFFF;
  --tv-sobre-secundario: #000000;
  --tv-sobre-seleccion: #000000;
  --tv-separador: #E0E0E4;

  /* Estados semánticos */
  --tv-estado-error-fondo: #FDEBEC;
  --tv-estado-error-texto: #9E182C;
  --tv-estado-aviso-fondo: #FFF2CE;
  --tv-estado-aviso-texto: #714B00;
  --tv-estado-exito-fondo: #E1F4E8;
  --tv-estado-exito-texto: #185631;
  --tv-estado-info-fondo: #E8F1FC;
  --tv-estado-info-texto: #0B4C8C;

  /* Espacio (4 px de base) */
  --tv-espacio-1: 4px;
  --tv-espacio-2: 8px;
  --tv-espacio-3: 12px;
  --tv-espacio-4: 16px;
  --tv-espacio-5: 24px;
  --tv-espacio-6: 32px;
  --tv-espacio-7: 48px;
  --tv-espacio-8: 64px;
  --tv-radio: 8px;

  /* Tipografía */
  --tv-fuente: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --tv-fuente-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  /* Interacción */
  --tv-tactil-min: 44px;
}

/* Siempre claro: el portal no sigue el modo oscuro del dispositivo. El tema oscuro «Azul profundo» de Med solo se aplica cuando
   el usuario lo elige (Med sirve /tema.css con sus tokens y su color-scheme). */
/* Forzar un modo (opcional): <html data-tv-tema="oscuro"> */
:root[data-tv-tema="oscuro"] {
  color-scheme: dark;
  --tv-primario: #A7D8FF; --tv-acento: #69CBD0; --tv-fondo: #101D2E; --tv-superficie: #1C2D42;
  --tv-cabecera: #132239; --tv-lateral: #132239; --tv-texto: #F0F6FC; --tv-tenue: #B9CDDD; --tv-borde: #8197AE;
  --tv-boton: #70C7EA; --tv-secundario: #304861; --tv-seleccion: #416185; --tv-foco: #70C7EA;
  --tv-grafica-1: #70C7EA; --tv-grafica-2: #76DBAD; --tv-grafica-3: #C5A0EA; --tv-grafica-4: #EBC576;
  --tv-grafica-5: #F29AB9; --tv-grafica-6: #9FB5FF;
  --tv-sobre-primario: #000000; --tv-sobre-cabecera: #FFFFFF; --tv-sobre-lateral: #FFFFFF;
  --tv-sobre-boton: #000000; --tv-sobre-secundario: #FFFFFF; --tv-sobre-seleccion: #FFFFFF; --tv-separador: #2E4560;
  --tv-estado-error-fondo: #4A1D26; --tv-estado-error-texto: #FFC9D0;
  --tv-estado-aviso-fondo: #4A3A12; --tv-estado-aviso-texto: #FFE29A;
  --tv-estado-exito-fondo: #17402B; --tv-estado-exito-texto: #B5ECC8;
  --tv-estado-info-fondo: #1F3E5C; --tv-estado-info-texto: #BFE0FF;
}