/* =========================================================
   UFS GLOBAL FOUNDATION
   Low-risk global defaults. Component redesign belongs to
   later phases.
   ========================================================= */
html {
    color-scheme: light;
    background: var(--ufs-background);
}

body {
    margin: 0;
    font-family: var(--ufs-font-family);
    font-size: var(--ufs-font-size-md);
    line-height: var(--ufs-line-height-normal);
    color: var(--ufs-gray-900);
    background: var(--ufs-background);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

::selection {
    color: var(--ufs-navy);
    background: var(--ufs-context-muted);
}

:focus-visible {
    outline: 2px solid var(--ufs-context-primary);
    outline-offset: 2px;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--ufs-navy);
    line-height: var(--ufs-line-height-tight);
}

a {
    color: var(--ufs-context-primary);
    text-underline-offset: .16em;
}

a:hover {
    color: var(--ufs-context-darker);
}

.ufs-surface {
    background: var(--ufs-surface);
    border: var(--ufs-border-width) solid var(--ufs-border-color);
    border-radius: var(--ufs-radius);
    box-shadow: var(--ufs-shadow-sm);
}

.ufs-page-background {
    min-height: 100%;
    background: var(--ufs-background);
}

.ufs-content-container {
    width: min(100% - 2rem, var(--ufs-content-default));
    margin-inline: auto;
}

.ufs-content-container--narrow {
    max-width: var(--ufs-content-narrow);
}

.ufs-content-container--wide {
    max-width: var(--ufs-content-wide);
}

.ufs-text-muted {
    color: var(--ufs-gray-600) !important;
}

.ufs-status-danger {
    color: var(--ufs-danger-darker);
    background: var(--ufs-danger-lighter);
}

.ufs-status-warning {
    color: var(--ufs-warning-darker);
    background: var(--ufs-warning-lighter);
}

.ufs-status-success {
    color: var(--ufs-personal-darker);
    background: var(--ufs-personal-lighter);
}

.ufs-status-info {
    color: var(--ufs-facility-darker);
    background: var(--ufs-facility-lighter);
}

@media (max-width: 767.98px) {
    .ufs-content-container {
        width: min(100% - 1rem, var(--ufs-content-default));
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}