@font-face {
  font-family: "Azeret Mono";
  src: url("../fonts/azeret-mono-latin-wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Mesada gris fría bajo un ticket de papel térmico; tinta de caja y un rojo
     reservado para la acción principal y los errores. */
  --color-fondo: #d3d7d5;
  --color-superficie: #fbfbf9;
  --color-texto: #191a1a;
  --color-texto-suave: #575a59;
  --color-borde: #a9adab;
  --color-primario: #c8102e;
  --color-primario-hover: #a50d26;
  --color-primario-texto: #ffffff;
  --color-peligro: #b0141f;
  --color-peligro-fondo: #fbe8e8;
  --color-foco: #1a5fb4;
  --color-barra: #191a1a;
  --color-barra-texto: #fbfbf9;

  --fuente-base: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fuente-ticket: "Azeret Mono", ui-monospace, "Cascadia Mono", Menlo, monospace;
  --texto-xs: 0.75rem;
  --texto-s: 0.875rem;
  --texto-m: 1rem;
  --texto-l: 1.25rem;
  --texto-xl: 1.75rem;
  --texto-total: clamp(1.5rem, 7.5vw, 2.75rem);
  --espaciado-rotulo: 0.12em;

  --espacio-1: 0.25rem;
  --espacio-2: 0.5rem;
  --espacio-3: 0.75rem;
  --espacio-4: 1rem;
  --espacio-6: 1.5rem;
  --espacio-8: 2rem;

  --radio: 0;
  --linea: 1.5px;
  --dentado: 0.75rem;
  --ancho-max: 40rem;
  --alto-nav: 4rem;
  --alto-toque: 2.75rem;

  --duracion: 150ms;
  --curva: cubic-bezier(0.2, 0, 0, 1);
}