/* Basal · tokens de marca, edición 01 */
:root {
  /* marca */
  --basal-grafito: #202126;             /* logo, textos, botones y controles */
  --basal-pizarra: #41444B;             /* texto de apoyo sobre claro */
  --basal-gris: #626773;                /* texto secundario, notas y fuentes */
  --basal-linea: #E3E5EA;               /* bordes de 1 px y separadores */
  --basal-papel: #F7F8FA;               /* fondo de la app y de las secciones */
  --basal-blanco: #FFFFFF;              /* fondo del sitio, tarjetas e impresos */
  --basal-azul: #A7C8F2;                /* láminas y franja; nunca texto */
  --basal-rosa: #F3A6C8;                /* láminas y franja; nunca texto */
  --basal-lila: #B8ACE4;                /* láminas, franja y línea base; nunca texto */
  --basal-amarillo: #F4D985;            /* láminas y franja; nunca texto */
  /* estados de resultados (solo en la app) */
  --basal-en-rango: #247A58;            /* resultado en rango, siempre con su palabra */
  --basal-revisar: #946200;             /* resultado para revisar, siempre con su palabra */
  --basal-fuera-de-rango: #BB4149;      /* resultado fuera de rango, siempre con su palabra */
  /* superficies */
  --basal-firma: radial-gradient(ellipse at 15% 5%, #F4D985, transparent 60%), radial-gradient(ellipse at 90% 20%, #F3A6C8, transparent 65%), radial-gradient(ellipse at 45% 100%, #A7C8F2, transparent 60%), #B8ACE4;
  --basal-lamina: radial-gradient(120% 90% at 0% 0%, #F4D98548, transparent 55%), radial-gradient(110% 90% at 100% 0%, #F3A6C842, transparent 60%), radial-gradient(130% 110% at 50% 115%, #A7C8F266, transparent 62%), #FBFBFC;
  /* tipografía */
  --basal-titulos: "Manrope", Arial, sans-serif;
  --basal-texto: "IBM Plex Sans", Arial, sans-serif;
  /* forma */
  --basal-radio-tarjeta: 24px;
  --basal-radio-control: 999px;
}