// Inline text links default styling.
.c-neos-text a,
.c-text a {
    color: theme('colors.primary.500');
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, theme('colors.primary.500') 30%, transparent);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    transition: text-decoration-color 0.2s ease, color 0.2s ease;

    &:hover {
        text-decoration-color: theme('colors.primary.500');
    }

    &:focus {
        outline: .125rem dotted currentColor;
    }
}
