a {
    color: var(--primary-color);
    transition: var(--global-transition);
}

a:hover {
    color: var(--primary-color);
}

a:has(.primary-entry),
a:has(.secondary-entry),
a:has(.primary-entry):hover,
a:has(.secondary-entry):hover,
a:has(button) {
    color: unset;
    transition: none;
    text-decoration: none;
}

a:has(.primary-entry):hover,
a:has(.secondary-entry):hover {
    color: var(--primary-color);
}

html.dark a:not(:has(.primary-entry)):not(:has(.secondary-entry)),
html.dark a:hover,
html.dark a:has(.primary-entry):hover,
html.dark a:has(.secondary-entry):hover
{
    color: var(--primary-color-lighter);
}