/* Tokens y estilo de enlace compartidos por edilia, copiloto y compliance.
   Fichero identico en las tres apps (auditoria-enlaces-2026-09-29). */
:root{
  --link:#1d4ed8;
  --link-hover:#1a2540;
  --link-on-dark:#F5C400;
  --link-on-dark-hover:#e0b300;
  --link-weight:600;
  --link-underline-offset:.18em;
  --link-ease:.15s ease;
}
a{transition:color var(--link-ease),text-decoration-color var(--link-ease),background-color var(--link-ease)}
a:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-radius:2px}

/* Enlace de texto: azul, peso 600, subrayado fino que se acentua al pasar el raton. */
.link{
  color:var(--link);font-weight:var(--link-weight);text-decoration:underline;
  text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);
  text-underline-offset:var(--link-underline-offset)}
.link:hover{color:var(--link-hover);text-decoration-color:currentColor}
.link--quiet{text-decoration:none}
.link--quiet:hover{text-decoration:underline}
.on-dark .link,.link.on-dark{color:var(--link-on-dark)}
.on-dark .link:hover,.link.on-dark:hover{color:var(--link-on-dark-hover)}