/* Custom Base Styles & Overrides */
html {
    scroll-behavior: smooth;
}

body {
    /* Prevent horizontal scroll on mobile */
    overflow-x: hidden;
}

/* Smooth fade-in for sections below fold */
.fade-in-section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    will-change: opacity, visibility;
}

.fade-in-section.is-visible {
    opacity: 1;
    transform: none;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Utility for text contrast ensuring */
.text-midnight-900 { color: #020617; }
.text-midnight-800 { color: #0f172a; }
.text-midnight-700 { color: #1e293b; }
.text-midnight-600 { color: #334155; }
.text-midnight-500 { color: #475569; }
.text-midnight-400 { color: #94a3b8; }
.text-midnight-200 { color: #e2e8f0; }
.text-midnight-100 { color: #f1f5f9; }

.bg-midnight-900 { background-color: #020617; }
.bg-midnight-800 { background-color: #0f172a; }
.bg-midnight-700 { background-color: #1e293b; }
.bg-midnight-50 { background-color: #f8fafc; }
.bg-mint-500 { background-color: #34d399; }
.bg-mint-400 { background-color: #5eead4; }
.bg-mint-100 { background-color: #d1fae5; }

.text-mint-500 { color: #34d399; }
.text-mint-400 { color: #5eead4; }

/* Image aspect ratio utilities */
.aspect-square { aspect-ratio: 1 / 1; }