html {
    scroll-behavior: smooth;
}

:root {
    --color-bg-dark: #19203A;
    --color-blue: #5A81FF;
    --color-accent: #73D2FF;
    --color-primary: #32D5AD;
    --color-text: #E2E8F0;
}

/* Use cases scrollbar */
.use-cases-scroll::-webkit-scrollbar {
    height: 6px;
}
.use-cases-scroll::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 3px;
}
.use-cases-scroll::-webkit-scrollbar-thumb {
    background: var(--color-primary);
    border-radius: 3px;
}
.use-cases-scroll {
    scrollbar-width: thin;
    scrollbar-color: var(--color-primary) rgba(255, 255, 255, 0.05);
}

/* Video mockup glow */
.video-mockup-glow {
    box-shadow: 0 0 40px rgba(90, 129, 255, 0.15), 0 0 80px rgba(115, 210, 255, 0.08);
    animation: video-glow 3s ease-in-out infinite alternate;
}
@keyframes video-glow {
    from { box-shadow: 0 0 40px rgba(90, 129, 255, 0.15), 0 0 80px rgba(115, 210, 255, 0.08); }
    to { box-shadow: 0 0 60px rgba(90, 129, 255, 0.25), 0 0 100px rgba(115, 210, 255, 0.15); }
}