/* Custom Overrides */
.bg-grainy {
    background-color: #f8fafc;
    /* slate-50 */
}

@media (prefers-color-scheme: dark) {
    .bg-grainy {
        background-color: #020617;
        /* slate-950 */
        background-image: none;
        opacity: 1;
    }
}

/* Header Visibility Breakpoints (Manual) */
@media (max-width: 1190px) {
    .header-desktop-only {
        display: none !important;
    }
}

@media (min-width: 1191px) {
    .header-mobile-only {
        display: none !important;
    }
}