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

@layer utilities {
    .glass {
        background: rgba(20, 20, 20, 0.7);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.1);
    }
    .text-red-brand {
        color: #E50914; /* Example Red */
    }
    .bg-red-brand {
        background-color: #E50914;
    }
    .hover-bg-red-brand:hover {
        background-color: #b20710;
    }
}