/* Additional custom styles for Swirled Peace */

/* ── Focus visible for accessibility ─────────────── */
*:focus-visible {
    outline: 2px solid #2DD4BF;
    outline-offset: 2px;
}

/* ── Selection color ─────────────────────────────── */
::selection {
    background: rgba(45, 212, 191, 0.25);
    color: #0A1628;
}

/* ── Smooth transitions for reduced motion ───────── */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    html { scroll-behavior: auto; }
    .reveal {
        opacity: 1 !important;
        transform: none !important;
    }
}

/* ── Print styles ────────────────────────────────── */
@media print {
    .navbar, .back-to-top, .stat-card { display: none !important; }
    body { background: #fff; color: #000; }
    .hero { background: #0A1628; min-height: auto; padding: 2rem 0; }
    a { color: #0A1628; }
}

/* ── Small screen adjustments ────────────────────── */
@media (max-width: 639px) {
    .hero h1 {
        font-size: 2.75rem;
    }
    .font-serif {
        line-height: 1.15;
    }
}