/* kiosco.mx — tokens.css. Solo :root. Celular primero; el bloque @media ajusta la escala en escritorio. */
:root {
  /* Color */
  --kmx-color-fondo: #f6f1e8;
  --kmx-color-fondo-elevado: #ffffff;
  --kmx-color-superficie: #eae2d4;
  --kmx-color-linea: #cfc4b0;
  --kmx-color-tinta: #1f1b16;
  --kmx-color-texto-secundario: #5a5248;
  --kmx-color-acento: #1e4b39;
  --kmx-color-acento-hover: #163a2c;
  --kmx-color-sobre-acento: #f6f1e8;
  --kmx-color-banda: #17231d;
  --kmx-color-sobre-banda: #f6f1e8;
  --kmx-color-sobre-banda-secundario: #c9c0ae;
  --kmx-color-aviso-texto: #6e4a00;
  --kmx-color-aviso-fondo: #f9eccb;
  --kmx-color-cotizar-texto: #1e4b39;
  --kmx-color-cotizar-fondo: #dfe9e1;
  --kmx-color-entrega-texto: #2e4760;
  --kmx-color-entrega-fondo: #e1e8f0;
  --kmx-color-marcador: #d9d2c5;
  --kmx-color-marcador-texto: #5a5248;
  --kmx-color-foco: var(--kmx-color-acento);
  /* Tipografía */
  --kmx-fuente-titulos: Georgia, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", "Noto Serif", serif;
  --kmx-fuente-texto: system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --kmx-peso-normal: 400;
  --kmx-peso-fuerte: 600;
  --kmx-peso-titulo: 400;
  --kmx-tamano-logo: 22px;
  --kmx-interlinea-logo: 1.1;
  --kmx-tamano-h1: 30px;
  --kmx-interlinea-h1: 1.15;
  --kmx-tamano-h2: 24px;
  --kmx-interlinea-h2: 1.2;
  --kmx-tamano-h3: 19px;
  --kmx-interlinea-h3: 1.3;
  --kmx-tamano-texto: 16px;
  --kmx-interlinea-texto: 1.55;
  --kmx-tamano-pequeno: 14px;
  --kmx-interlinea-pequeno: 1.45;
  --kmx-tamano-etiqueta: 13px;
  --kmx-interlinea-etiqueta: 1.3;
  --kmx-tamano-dato: 16px;
  --kmx-interlinea-dato: 1.3;
  /* Espacio (base 4 px) */
  --kmx-espacio-1: 4px;
  --kmx-espacio-2: 8px;
  --kmx-espacio-3: 12px;
  --kmx-espacio-4: 16px;
  --kmx-espacio-5: 24px;
  --kmx-espacio-6: 32px;
  --kmx-espacio-7: 48px;
  --kmx-espacio-8: 64px;
  /* Forma */
  --kmx-radio-sm: 2px;
  --kmx-radio-md: 3px;
  --kmx-borde-ancho: 1px;
  --kmx-borde: var(--kmx-borde-ancho) solid var(--kmx-color-linea);
  --kmx-regla-doble: 3px double var(--kmx-color-linea);
  --kmx-foco-ancho: 3px;
  --kmx-foco-separacion: 2px;
  /* Medidas de la página */
  --kmx-ancho-maximo: 1200px;
  --kmx-ancho-lectura: 36em;
  --kmx-ancho-tabla: 640px;
  --kmx-alto-toque: 44px;
  --kmx-menu-boton-ancho: 88px;
  --kmx-tamano-icono: 32px;
  /* Proporciones de imagen, fijas por componente */
  --kmx-proporcion-tarjeta: 4 / 3;
  --kmx-proporcion-ficha: 3 / 2;
  --kmx-proporcion-obra: 4 / 3;
}
@media (min-width: 768px) {
  :root {
    --kmx-tamano-logo: 24px;
    --kmx-tamano-h1: 42px;
    --kmx-tamano-h2: 32px;
    --kmx-tamano-h3: 22px;
    --kmx-tamano-texto: 17px;
    --kmx-tamano-dato: 17px;
  }
}