:root {
    --zincBlue: #334155;
    --skyMain: #7DD3FC;
    --skyLight: #F0F9FF;
    --actionBlue: #0284C7;
}


.text-zincBlue { color: var(--zincBlue); }
.bg-zincBlue { background-color: var(--zincBlue); }

.text-skyMain { color: var(--skyMain); }
.bg-skyMain { background-color: var(--skyMain); }
.decoration-skyMain { text-decoration-color: var(--skyMain); }
.border-skyMain { border-color: var(--skyMain); }

.bg-skyLight { background-color: var(--skyLight); }

.text-actionBlue { color: var(--actionBlue); }
.bg-actionBlue { background-color: var(--actionBlue); }


.hover\:text-skyMain:hover { color: var(--skyMain); }
.hover\:bg-skyMain:hover { background-color: var(--skyMain); }
.hover\:text-zincBlue:hover { color: var(--zincBlue); }
.hover\:bg-actionBlue:hover { background-color: var(--actionBlue); }


.shadow-skyMain\/20 {
    box-shadow: 0 25px 50px -12px rgba(125, 211, 252, 0.2);
}


html {
    scroll-behavior: smooth;
}
/* Performance Fix for Mobile */
@media (max-width: 768px) {
    /* Stop heavy blur processing on mobile */
    .backdrop-blur-md, .backdrop-blur-xl {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background-color: rgba(30, 41, 59, 0.95) !important; /* Solid color for mobile */
    }

    /* Disable hover scale on mobile to prevent lag */
    .hover\:scale-105:hover, .hover\:scale-110:hover {
        transform: none !important;
    }
    
   
    img {
        content-visibility: auto;
    }
}