:root {
  --color-fondo: #F5F5F5;
  --color-superficie: #FFFFFF;
  --color-hundido: #F1F1F1;
  --color-presionado: #E3E3E3;
  --color-tinta: #161616;
  --color-tinta-encima: #2E2E2E;
  --color-tinta-presionado: #000000;
  --color-tinta-suave: #474747;
  --color-tinta-tenue: #5C5C5C;
  --color-sobre-tinta: #FFFFFF;
  --color-borde: #E0E0E0;
  --color-borde-control: #8A8A8A;
  --color-deshabilitado-fondo: #E4E4E4;
  --color-deshabilitado-texto: #6B6B6B;
  --color-velo: rgba(0, 0, 0, 0.56);
  --color-foco: #161616;

  --color-franja-fondo: #FFFFFF;
  --color-franja-texto: #161616;
  --color-franja-borde: #E0E0E0;
  --color-seleccion-fondo: #161616;
  --color-seleccion-texto: #FFFFFF;
  --color-seleccion-borde: #161616;
  --color-nav-activo-fondo: #FFF0E3;
  --color-nav-activo-texto: #161616;

  --color-ingresos: #316E0A;
  --color-ingresos-encima: #285A08;
  --color-ingresos-fondo: #E6F8DB;
  --color-sobre-ingresos: #FFFFFF;
  --color-egresos: #B0251C;
  --color-egresos-encima: #931D15;
  --color-egresos-fondo: #FDE3E0;
  --color-sobre-egresos: #FFFFFF;
  --color-costo: #474747;
  --color-costo-fondo: #EAEAEA;
  --color-ganancia: #316E0A;
  --color-ganancia-fondo: #E6F8DB;
  --color-alerta: #A3261C;
  --color-alerta-fondo: #FDE3E0;
  --color-alerta-borde: #C4382D;
  --color-peligro: #B0251C;
  --color-peligro-fondo: #FDE3E0;
  --color-sobre-peligro: #FFFFFF;
  --color-sobre-accion-velo: rgba(255, 255, 255, 0.2);
  --color-recibo-papel: #FFFFFF;
  --color-recibo-tinta: #000000;

  --fuente-interfaz: "Nunito", ui-rounded, "Segoe UI", system-ui, -apple-system, sans-serif;
  --fuente-recibo: ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono", Menlo, monospace;
  --texto-xs: 0.75rem;
  --texto-s: 0.875rem;
  --texto-m: 1rem;
  --texto-l: 1.125rem;
  --texto-xl: 1.375rem;
  --texto-2xl: 1.75rem;
  --texto-3xl: 2.25rem;
  --peso-normal: 400;
  --peso-medio: 600;
  --peso-fuerte: 700;
  --interlinea-ajustada: 1.15;
  --interlinea-normal: 1.4;
  --tracking-mayus: 0.04em;

  --espacio-1: 0.25rem;
  --espacio-2: 0.5rem;
  --espacio-3: 0.75rem;
  --espacio-4: 1rem;
  --espacio-5: 1.25rem;
  --espacio-6: 1.5rem;
  --espacio-8: 2rem;
  --espacio-10: 2.5rem;
  --espacio-12: 3rem;

  --toque-min: 2.75rem;
  --control-alto: 2.75rem;
  --accion-alto: 3rem;
  --etiqueta-alto: 1.5rem;
  --icono: 1.5rem;
  --icono-s: 1.125rem;
  --icono-trazo: 1.75;
  --foto: 4.5rem;
  --foto-l: 5.5rem;
  --miniatura-lado: 3rem;
  --franja-alto: 4.5rem;
  --barra-inferior-alto: 4rem;
  --menu-ancho: 13rem;
  --canasta-ancho: 21rem;
  --hoja-ancho: 26rem;
  --hoja-alto-max: 90vh;
  --tarjeta-ancho-min: 8.75rem;
  --metodo-alto: 4.75rem;
  --codigo-ancho: 2.75rem;
  --fila-alto: 3.75rem;
  --grafico-alto: 7rem;
  --progreso-alto: 0.5rem;
  --interruptor-ancho: 3rem;
  --interruptor-alto: 1.75rem;
  --interruptor-perilla: 1.25rem;
  --valor-ancho-min: 2.75rem;
  --valor-ancho-gramos: 4.5rem;
  --recibo-ancho: 72mm;
  --recibo-texto: 0.75rem;
  --recibo-texto-grande: 1rem;
  --recibo-columna-cantidad: 7ch;
  --recibo-renglon: 1lh;
  --campo-corto: 6rem;

  --borde-fino: 1px;
  --borde-fuerte: 2px;
  --borde-marca: 3px;
  --foco-ancho: 3px;
  --foco-separacion: 2px;

  --radio-etiqueta: 0.25rem;
  --radio-control: 0.5rem;
  --radio-tarjeta: 0.625rem;
  --radio-hoja: 1.25rem;
  --radio-pastilla: 62.5rem;

  --sombra-flotante: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.16);

  --duracion-corta: 120ms;
  --duracion-media: 220ms;
  --duracion-giro: 800ms;
  --curva: cubic-bezier(0.2, 0.7, 0.3, 1);
  --escala-presionado: 0.98;

  --capa-barra: 10;
  --capa-velo: 20;
  --capa-hoja: 30;
  --capa-aviso: 40;

  --celda-ancho-min: 9rem;
  --marco-telefono: 22.5rem;
  --contenido-ancho-max: 80rem;
  --lectura-ancho-max: 42rem;
  --pantalla-alto: 100vh;

  --color-disponible: #316E0A;
  --color-disponible-fondo: #E6F8DB;
  --color-elegido: #D45500;
  --color-accion-venta: #FE6A00;
  --color-accion-venta-encima: #E65C00;
  --color-sobre-accion-venta: #000000;

  --color-marca-negro: #000000;
  --color-marca-naranja: #FE6A00;
  --color-marca-verde: #5ACF11;
  --color-marca-blanco: #FFFFFF;
  --logo-alto: 3.5rem;
  --logo-alto-acceso: 6.5rem;

  --color-foco-sobre-tinta: #FFFFFF;
  --color-canasta-fondo: #FFF0E3;
  --color-seccion-nevera-fondo: #E3EDF7;
  --color-seccion-nevera-tinta: #1F4E79;
  --color-seccion-despensa-fondo: #F4EBD6;
  --color-seccion-despensa-tinta: #654A0C;
  --color-seccion-cuidado-fondo: #ECE7F7;
  --color-seccion-cuidado-tinta: #4C3B8F;
  --color-seccion-varios-fondo: #ECEAE7;
  --color-seccion-varios-tinta: #48443E;
  --peso-titulo: 700;
  --tracking-titulo: 0;
  --icono-l: 2.5rem;
  --icono-xl: 3.5rem;
  --muestra-alto: 9rem;
  --cifra-ancho-min: 8.5rem;
  --columna-metodo: 9rem;
  --columna-hora: 6.5rem;
  --columna-persona: 10rem;
  --columna-monto: 8.5rem;
  --icono-trazo-fino: 1.5;
  --icono-trazo-tenue: 1.25;
  --desglose-ancho-min: 16rem;
  --color-grafico-barra: #5A9A2E;
  --periodo-ancho-min: 11rem;
  --lista-ancho-min: 22rem;
  --seccion-alto: 5.5rem;

  --color-acento: #FE6A00;
  --color-acento-fondo: #FFF0E3;
  --color-acento-fuerte: #D45500;
  --color-sobre-acento: #000000;
  --texto-xxs: 0.6875rem;
  --peso-extra: 800;
  --menu-item-alto: 2.25rem;
  --cabeza-alto: 4rem;
  --chip-alto: 2rem;
  --foto-s: 2.25rem;
  --redonda: 3rem;
  --borde-medio: 1.5px;
  --tarjeta-resumen-min: 14rem;
  --columna-cantidad: 4rem;
  --columna-costo: 6.5rem;
  --columna-margen: 4.25rem;
  --columna-precio: 6rem;
  --columna-aviso: 7rem;
  --columna-ganancia: 10.5rem;
  --control-alto-pc: 2.5rem;
  --toque-min-pc: 2.5rem;
  --accion-alto-pc: 2.75rem;
  --fila-alto-pc: 3rem;
  --opacidad-apagado: 0.55;
  --catalogo-columnas: 6;
  --columna-cliente-contacto: 11rem;
  --columna-cliente-limite: 10rem;
  --columna-cliente-saldo: 11rem;
  --tarjeta-balance-min: 12.5rem;
  --cuenta-icono: 2.25rem;
  --formulario-ancho: 36rem;
  --ajustes-ancho-max: 60rem;
}