/* Sistema visual "Mantel" (decision #16): fondo claro calido, identidad de
 * Espacio Mitre. Solo variables y tipografias: lo usan la portada y, mas
 * adelante, las pantallas del sistema de pedidos.
 * Contraste medido (WCAG): todo texto >= 4.5:1. El rojo NO va como texto sobre
 * --m-oscuro (3.1:1): ahi solo como fondo de boton con texto blanco (5.9:1). */

@font-face {
  font-family: 'Oswald';
  src: url('/fonts/oswald-latin-var.woff2') format('woff2-variations');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}
/* Archivo, SIL Open Font License 1.1 (ver /fonts/OFL-Archivo.txt). */
@font-face {
  font-family: 'Archivo';
  src: url('/fonts/archivo-latin-var.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Superficies */
  --m-fondo: #F6F1EA;
  --m-tarjeta: #FFFFFF;
  --m-oscuro: #161412;

  /* Texto */
  --m-texto: #161412;          /* 16.4:1 sobre fondo, 18.4:1 sobre tarjeta */
  --m-texto-2: #4A443E;        /*  8.5:1 / 9.6:1 */
  --m-texto-3: #6B645D;        /*  5.2:1 / 5.8:1 */

  /* Marca */
  --m-rojo: #C8141F;           /* blanco encima 5.9:1; como texto 5.2:1 sobre fondo */
  --m-rojo-hover: #9E0F18;     /* blanco encima 8.3:1 */

  /* Lineas y controles */
  --m-borde: #D3C9BC;
  --m-secundario: #EFE8DE;     /* texto encima 15.1:1 */
  --m-ingresar: #E9E1D6;       /* texto encima 14.2:1 */

  /* Tipografias */
  --m-titulos: 'Oswald', 'Arial Narrow', 'Roboto Condensed', 'Helvetica Neue', sans-serif;
  --m-texto-fuente: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Formas */
  --m-radio-tarjeta: 18px;
  --m-radio-foto: 22px;
  --m-radio-boton: 13px;
  --m-radio-chip: 999px;
  --m-alto-control: 48px;      /* minimo 44 px */

  --m-ancho: 1100px;
  --m-sombra: 0 1px 2px rgba(22, 20, 18, 0.05), 0 8px 24px rgba(22, 20, 18, 0.06);
}