/* Explain: Base reset, typography defaults, and accessibility styles. - */
* {
    box-sizing: border-box;
}

html {
    background: var(--background-color);
}

body {
    overflow-x: hidden;
}

/* Accessibility Classes */
html.a11y-text-1 { font-size: 110%; }
html.a11y-text-2 { font-size: 120%; }
html.a11y-text-3 { font-size: 130%; }
html.a11y-text-minus-1 { font-size: 90%; }

html.a11y-high-contrast {
    --background-color: #121212 !important;
    --surface-color: #000000 !important;
    --text-color: #ffffff !important;
    --text-muted: #e0e0e0 !important;
    --primary-color: #00ffff !important;
    --secondary-color: #ffff00 !important;
    --accent-color: #ff00ff !important;
    --border-color: #ffffff !important;
}

html.a11y-highlight-links a,
html.a11y-highlight-links button {
    text-decoration: underline !important;
    outline: 3px solid var(--accent-color) !important;
    outline-offset: 3px !important;
}

html.a11y-stop-animations *,
html.a11y-stop-animations *::before,
html.a11y-stop-animations *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
}

/* Global Focus Outline for Keyboard Nav */
*:focus-visible {
    outline: 3px solid var(--accent-color) !important;
    outline-offset: 3px !important;
}