/* Custom styles for PS 24 School-Based Health Center */

/* Selection color */
::selection {
    background-color: rgba(212, 96, 74, 0.3);
    color: #F5F5F7;
}

/* Focus visible styles */
*:focus-visible {
    outline: 2px solid #E07A62;
    outline-offset: 2px;
}

/* Smooth image loading */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Custom gradient for text accents */
.text-gradient-coral {
    background: linear-gradient(135deg, #E07A62, #D4604A);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Subtle pattern overlay for sections */
.pattern-overlay {
    background-image: radial-gradient(rgba(212, 96, 74, 0.03) 1px, transparent 1px);
    background-size: 24px 24px;
}

/* Card glow effect */
.card-glow:hover {
    box-shadow: 0 0 40px rgba(212, 96, 74, 0.08);
}

/* Print styles */
@media print {
    nav, #backToTop, .reveal {
        display: none !important;
    }
    body {
        background: white !important;
        color: #1E1E22 !important;
    }
    .bg-charcoal-900, .bg-charcoal-800 {
        background: white !important;
    }
    .text-white, .text-charcoal-200, .text-charcoal-300 {
        color: #1E1E22 !important;
    }
}