a {
    color: var(--color-primary-electric-indigo);
}

a.inline {
    text-decoration: underline;
    text-decoration-thickness: var(--outline-width-1px);
    letter-spacing: 0.01em;
}

a:hover,
a.inline:hover {
    text-decoration-thickness: var(--outline-width-3px);
}

a:active,
a.inline:active {
    text-decoration-thickness: var(--outline-width-2px);
    color: var(--color-primary-midnight-blue);
}

a:visited,
a.inline:visited {
    text-decoration-thickness: var(--outline-width-1px);
    color: var(--color-primary-midnight-blue);
}

a:focus-visible,
a.inline:focus-visible {
    outline: var(--outline-width-2px) solid var(--color-essential-black);
    outline-offset: var(--spacing-4);
}