/*
Theme Name: MisterGadget Experience
Theme URI: https://mister-gadget.net/
Description: MisterGadget's focused SWELL child theme. SWELL supplies the parent runtime; this package supplies only bounded MisterGadget integrations.
Author: MisterGadget Contributors
Version: 50.0.0
Template: swell
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mg-experience
*/

/* SPDX-License-Identifier: GPL-2.0-or-later */

/*
 * SWELL owns the reset, layout primitives, document shell, navigation, and
 * responsive frontend rules. Keep this stylesheet deliberately scoped: child
 * CSS must not recreate a second theme or override the parent's foundation.
 * MisterGadget-owned accessibility affordances are clean-room additions and
 * stay below the namespaced child boundary. SWELL remains responsible for
 * layout and components; this file only protects focus visibility, motion
 * preferences, and long unbroken editorial values inside the child surface.
 */

[data-mg-experience="true"] {
    overflow-wrap: anywhere;
}

[data-mg-experience="true"] :where(a, button, input, select, textarea, summary):focus-visible {
    --mgx-color-focus: #b45309;
    outline: 3px solid var(--mgx-color-focus);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    [data-mg-experience="true"],
    [data-mg-experience="true"] * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}