:root {
    --bg: #0a0a1d;
    --panel-bg: #10122a;
    --text: #f6eaff;
    --subtext: #bdb3d9;
    --border: rgba(255, 255, 255, 0.12);
    --accent: #ff2ed4;
    --accent2: #a450ff;
    --accent3: #3d6bff;
    --danger: #ff3b7f;
    --focus-ring: 0 0 0 2px rgba(10, 10, 29, 1), 0 0 0 4px rgba(255, 46, 212, 0.45);
    --ease-premium: cubic-bezier(0.22, 1, 0.36, 1);
    --dur-fast: 0.18s;
}

button,
a,
[role="button"],
[role="menuitem"],
[role="option"] {
    touch-action: manipulation;
}

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