:root {
    --aaa-focus: var(--dig-focus-ring);
    --aaa-focus-offset: var(--dig-surface-1);
    --aaa-text: var(--dig-text);
    --aaa-link: var(--dig-link);
}

body,
p,
li,
span,
small {
    color: var(--aaa-text);
}

a {
    color: var(--aaa-link);
    text-decoration: underline;
    text-underline-offset: 0.16em;
}

a:visited:not(.slds-button) {
    color: var(--link-visited);
}

.ui-skip-link {
    position: absolute !important;
    left: 0.75rem !important;
    top: -6rem !important;
    z-index: 1000;
    background: var(--dig-surface-1);
    color: var(--dig-text);
    border: 2px solid var(--dig-text);
    border-radius: 0.25rem;
    padding: 0.5rem 0.75rem;
    text-decoration: underline;
}

.ui-skip-link:focus,
.ui-skip-link:focus-visible {
    top: 0.75rem !important;
    left: 0.75rem !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid var(--aaa-focus) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 2px var(--aaa-focus-offset) !important;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}