/* LISTÓN — tokens de diseño. La línea magenta es EL LISTÓN. */
:root {
  /* Paleta de la imagen de referencia de Juan */
  --magenta:   #D6006D;   /* la línea límite */
  --naranja:   #FF8A1F;
  --verde:     #8BE05A;
  --lila:      #BB63FF;
  --check:     #23C552;   /* check de cumplida */

  --fondo:     #FAF7F2;
  --tinta:     #201A16;
  --tinta-suave: #8A8178;
  --blanco:    #FFFFFF;
  --borde:     #E8E1D8;
  --peligro:   #FF3B30;

  --radio-pildora: 999px;
  --radio-tarjeta: 22px;
  --sombra: 0 10px 30px rgba(32, 26, 22, .12);

  --fuente: ui-rounded, "SF Pro Rounded", -apple-system, "Segoe UI", system-ui, sans-serif;
}