/* Kavinoq Academy — small theme refinements layered on top of Tailwind. */

:root {
    color-scheme: light;
}
html.dark {
    color-scheme: dark;
}

/* Anchor underline-on-hover for in-prose links */
.prose a {
    color: #5F33FF;
}
html.dark .prose a {
    color: #75E6FF;
}
.prose a:hover {
    text-decoration: underline;
}

/* Selection */
::selection {
    background: rgba(95, 51, 255, 0.35);
    color: #ffffff;
}

/* Hero grid backdrop — subtle violet grid in light mode, slightly stronger in dark */
.bg-grid {
    background-image:
            linear-gradient(rgba(95,51,255,0.07) 1px, transparent 1px),
            linear-gradient(90deg, rgba(95,51,255,0.07) 1px, transparent 1px);
    background-size: 32px 32px;
}
html.dark .bg-grid {
    background-image:
            linear-gradient(rgba(51,191,255,0.07) 1px, transparent 1px),
            linear-gradient(90deg, rgba(51,191,255,0.07) 1px, transparent 1px);
}

/* Brand-tinted focus ring for inputs */
input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(95, 51, 255, 0.55);
}