/*
 * Base visual de Mercaint Platform (diseño de la Fase 2, sección 5; decisión D-11).
 * Los colores y sus contrastes se comprueban en tests/test_estilos.py: si se cambia uno aquí,
 * hay que cambiarlo también allá, con su contraste medido.
 */

/* Inter, incluida en el sistema: el navegador no le pide nada a terceros. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../../vendor/inter/inter-latin-ext-wght-normal.1ad231aac0a8.woff2") format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308,
    U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
    U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../../vendor/inter/inter-latin-wght-normal.260c81a4759b.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
    U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Colores (sección 5) */
  --color-fondo: #edeef0;
  --color-panel: #ffffff;
  --color-texto: #101217;
  --color-texto-secundario: #545863;
  --color-acento: #62439a;
  --color-acento-hover: #4a3280;
  --color-sobre-acento: #ffffff;
  --color-borde-campo: #80858f;
  --color-borde-suave: #e3e5e9;
  --color-listo: #146c3b;
  --color-listo-fondo: #e5f5eb;
  --color-aviso: #8a4500;
  --color-aviso-fondo: #fff1df;
  --color-error: #b42318;
  --color-error-fondo: #fef3f2;
  --color-info: #62439a;
  --color-info-fondo: #f1eef6;

  /* Derivados de los anteriores, con su contraste medido. Los demás estilos no escriben
     colores: usan estas variables. */
  --color-neutro-fondo: #f1f2f4; /* chips neutros y la cabecera de las tablas */
  --color-seleccion: #e9e4f3; /* lo elegido: el menú y el rango de la grilla */
  --color-pasar: #e4e6ea; /* al pasar el ratón por el menú; la fila y la columna del rango */
  --color-selector-fondo: #e2e4e8; /* el fondo del selector «Field | Analytics» */
  --color-avance-fondo: #dfe1e6; /* la parte sin completar de una barra de avance */
  --color-fila-par: #fafafb; /* las filas pares de la grilla */
  --color-peligro-hover: #8f1c13; /* el botón de peligro, al pasar el ratón */

  /* Letra */
  --letra: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --letra-mono: ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono", monospace;
  --tamano-texto: 0.9375rem; /* 15 px */
  --tamano-chico: 0.8125rem; /* 13 px */
  --tamano-subtitulo: 1.125rem; /* 18 px */
  --tamano-titulo: 1.75rem; /* 28 px */
  --interlineado: 1.45;

  /* Medidas: espacios en múltiplos de 4 px */
  --espacio-1: 4px;
  --espacio-2: 8px;
  --espacio-3: 12px;
  --espacio-4: 16px;
  --espacio-5: 20px;
  --espacio-6: 24px;
  --espacio-8: 32px;
  --espacio-10: 40px;

  /* Radios y sombras */
  --radio-control: 10px;
  --radio-tarjeta: 12px;
  --radio-panel: 24px;
  --radio-chip: 999px;
  --sombra-suave: 0 1px 2px rgb(16 18 23 / 6%), 0 1px 3px rgb(16 18 23 / 8%);
  --sombra-dialogo: 0 16px 40px rgb(16 18 23 / 20%);

  /* Foco visible: 2 px del morado del logo, separado 2 px (sección 4.3) */
  --foco-ancho: 2px;
  --foco-separacion: 2px;

  /* Lo que se toca: 24 x 24 px como mínimo; los botones usan 40 px */
  --alto-control: 40px;
  --alto-barra-contexto: 56px;
  --ancho-barra-lateral: 264px;
}