/* ==========================================================
   TypingTutor.Online — high-contrast text selection v17.7.8
   ========================================================== */

/*
 * Use one strong, predictable selection treatment everywhere.
 * White text on saturated blue remains readable on both light and dark
 * surfaces and avoids the pale-selection/white-text conflict seen on blogs.
 */
*::selection {
    color: #ffffff !important;
    background: #075fe4 !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #ffffff !important;
}

*::-moz-selection {
    color: #ffffff !important;
    background: #075fe4 !important;
    text-shadow: none !important;
}

input::selection,
textarea::selection,
[contenteditable="true"]::selection {
    color: #ffffff !important;
    background: #075fe4 !important;
    -webkit-text-fill-color: #ffffff !important;
}

input::-moz-selection,
textarea::-moz-selection,
[contenteditable="true"]::-moz-selection {
    color: #ffffff !important;
    background: #075fe4 !important;
}

/* Extra contrast for explicit dark mode and System mode on dark devices. */
html[data-theme="dark"] *::selection {
    color: #ffffff !important;
    background: #0057d9 !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] *::-moz-selection {
    color: #ffffff !important;
    background: #0057d9 !important;
}

@media (prefers-color-scheme: dark) {
    html[data-theme="system"] *::selection {
        color: #ffffff !important;
        background: #0057d9 !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    html[data-theme="system"] *::-moz-selection {
        color: #ffffff !important;
        background: #0057d9 !important;
    }
}