/* Общие текстовые ссылки. Компоненты навигации и кнопки имеют свои классы. */
a:where([href]:not([class]), [href][class=""]),
a.app-link {
    --app-link-color: color-mix(in srgb, var(--cm-primary, #027fb7) 90%, var(--cm-text, #12324d) 10%);
    color: var(--app-link-color);
    text-decoration-line: underline;
    text-decoration-color: color-mix(in srgb, currentColor 55%, transparent);
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
    text-decoration-skip-ink: auto;
    border-radius: 2px;
}

/* Посещение не заменяет цвет темы браузерным фиолетовым. */
a:where([href]:not([class]), [href][class=""]):visited,
a.app-link:visited {
    color: var(--app-link-color);
}

a:where([href]:not([class]), [href][class=""]):hover,
a.app-link:hover {
    color: var(--app-link-color);
    text-decoration-color: currentColor;
    text-decoration-thickness: 2px;
}

a:where([href]:not([class]), [href][class=""]):focus-visible,
a.app-link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
    text-decoration-color: currentColor;
}