/* Custom CSS Extensions beyond Tailwind utilities */
html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hero-overlay {
    /* Gradient overlay: adjust the last number in rgba (the 0.6, 0.4, 0.5) to change opacity (0 is fully transparent, 1 is fully solid color) */
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.6) 0%, rgba(2, 132, 199, 0.4) 50%, rgba(15, 23, 42, 0.5) 100%);
}

::selection {
    background-color: #38BDF8;
    color: #0F172A;
}

/* Hide scrollbar for ticker */
.animate-ticker {
    will-change: transform;
}

/* Glass effect refinement for cards */
.glass-effect {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}