/* ── Custom utility overrides ─────────────────── */

/* Ensure the hero image renders immediately — no JS required */
.hero__bg img {
    will-change: auto;
}

/* Smooth scroll offset for fixed nav */
section[id] {
    scroll-margin-top: 5rem;
}

/* Subtle gradient border on cards */
.card-hover {
    position: relative;
}

/* Selection color */
::selection {
    background: rgba(36, 153, 106, 0.3);
    color: #f0faf6;
}

/* Focus visible styles */
*:focus-visible {
    outline: 2px solid #24996a;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #040A16;
}
::-webkit-scrollbar-thumb {
    background: #152b58;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #1e3a72;
}

/* ── Reduced motion: make reveals instant ─────── */
@media (prefers-reduced-motion: reduce) {
    .reveal {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}