:root {
    color-scheme: light dark;
}

body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.nav-link {
    position: relative;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
    color: #1e293b;
}

.dark .nav-link {
    color: #e2e8f0;
}

.nav-link:hover,
.nav-link:focus-visible {
    background-color: rgba(124, 58, 237, 0.1);
}

.dark .nav-link:hover,
.dark .nav-link:focus-visible {
    background-color: rgba(124, 58, 237, 0.2);
}

.hero-gradient {
    background-image: radial-gradient(circle at top right, rgba(124, 58, 237, 0.25), transparent 45%),
        radial-gradient(circle at bottom left, rgba(30, 27, 75, 0.3), transparent 50%);
}

.bg-dot {
    background-image: radial-gradient(rgba(71, 85, 105, 0.35) 1px, transparent 1px);
    background-size: 22px 22px;
}

.dark .bg-dot {
    background-image: radial-gradient(rgba(255, 255, 255, 0.15) 1px, transparent 1px);
}