/* Archivo generado por `php spark tokens:generar` desde design/tokens.json. No editar a mano. */
:root {
  /* primitivos */
  --let-color-naranja-100: #FFE6D5;
  --let-color-naranja-300: #FFB280;
  --let-color-naranja-400: #FF893B;
  --let-color-naranja-500: #FF6600;
  --let-color-naranja-600: #E05A00;
  --let-color-azul-100: #E8ECFC;
  --let-color-azul-500: #0652DD;
  --let-color-marino-900: #001737;
  --let-color-gris-0: #FFFFFF;
  --let-color-gris-50: #F7FAFF;
  --let-color-gris-100: #F8F9FA;
  --let-color-gris-200: #E9ECEF;
  --let-color-gris-300: #DEE2E6;
  --let-color-gris-400: #CED4DA;
  --let-color-gris-500: #ADB5BD;
  --let-color-gris-600: #6C757D;
  --let-color-gris-700: #495057;
  --let-color-gris-800: #343A40;
  --let-color-gris-900: #1E293B;
  --let-color-verde-100: #D1E7DD;
  --let-color-verde-500: #198754;
  --let-color-verde-800: #0F5132;
  --let-color-amarillo-100: #FFF3CD;
  --let-color-amarillo-500: #FFC107;
  --let-color-amarillo-800: #664D03;
  --let-color-rojo-100: #F8D7DA;
  --let-color-rojo-500: #DC3545;
  --let-color-rojo-800: #991B1B;
  --let-fuente-familia: 'Barlow', sans-serif;
  --let-fuente-tamano-2xs: 11px;
  --let-fuente-tamano-xs: 12px;
  --let-fuente-tamano-sm: 13px;
  --let-fuente-tamano-base: 14px;
  --let-fuente-tamano-md: 16px;
  --let-fuente-tamano-lg: 18px;
  --let-fuente-tamano-xl: 20px;
  --let-fuente-tamano-2xl: 26px;
  --let-fuente-peso-regular: 400;
  --let-fuente-peso-medio: 500;
  --let-fuente-peso-semibold: 600;
  --let-fuente-peso-bold: 700;
  --let-radio-sm: 4px;
  --let-radio-md: 8px;
  --let-radio-lg: 12px;
  --let-radio-pill: 999px;
  --let-espacio-1: 4px;
  --let-espacio-2: 8px;
  --let-espacio-3: 16px;
  --let-espacio-4: 24px;
  --let-espacio-5: 48px;
  --let-sombra-tarjeta: 0px 3px 20px 0px #0000000D;
  --let-sombra-flotante: 0px 5px 20px -4px #CDCFE1;

  /* tema */
  --let-color-marca-primario: var(--let-color-naranja-500);
  --let-color-marca-primario-hover: var(--let-color-naranja-600);
  --let-color-marca-primario-suave: var(--let-color-naranja-100);
  --let-color-marca-secundario: var(--let-color-azul-500);
  --let-color-marca-secundario-suave: var(--let-color-azul-100);
  --let-color-fondo-app: var(--let-color-gris-50);
  --let-color-fondo-superficie: var(--let-color-gris-0);
  --let-color-fondo-sutil: var(--let-color-gris-100);
  --let-color-texto-principal: var(--let-color-gris-900);
  --let-color-texto-titulo: var(--let-color-marino-900);
  --let-color-texto-secundario: var(--let-color-gris-600);
  --let-color-texto-deshabilitado: var(--let-color-gris-500);
  --let-color-texto-invertido: var(--let-color-gris-0);
  --let-color-borde-default: var(--let-color-gris-300);
  --let-color-borde-input: var(--let-color-gris-400);
  --let-color-estado-exito: var(--let-color-verde-500);
  --let-color-estado-exito-suave: var(--let-color-verde-100);
  --let-color-estado-exito-texto: var(--let-color-verde-800);
  --let-color-estado-advertencia: var(--let-color-amarillo-500);
  --let-color-estado-advertencia-suave: var(--let-color-amarillo-100);
  --let-color-estado-advertencia-texto: var(--let-color-amarillo-800);
  --let-color-estado-peligro: var(--let-color-rojo-500);
  --let-color-estado-peligro-suave: var(--let-color-rojo-100);
  --let-color-estado-peligro-texto: var(--let-color-rojo-800);
  --let-color-semaforo-verde: var(--let-color-estado-exito);
  --let-color-semaforo-amarillo: var(--let-color-estado-advertencia);
  --let-color-semaforo-rojo: var(--let-color-estado-peligro);
}