@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
    --primary: #007bff;
    --primary-dark: #0056b3;
    --secondary: #6c757d;
    --accent: #17a2b8;
    --bg-light: #f8f9fa;
    --text-dark: #343a40;
}

.glass {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.dark .glass {
    background: rgba(17, 24, 39, 0.7);
}

.sticky-header {
    @apply sticky top-0 z-50 transition-all duration-300;
}

.nav-link-custom {
    @apply px-4 py-2 text-sm font-medium transition-colors hover:text-blue-600;
}