/* Custom Vanilla CSS styles & Variables */
@layer utilities {
    .bg-grid-pattern {
        background-size: 40px 40px;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
                          linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    }
}

/* Smooth scrolling for anchor links */
html {
    scroll-behavior: smooth;
}

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

/* Optional custom selection style just in case Tailwind's is overridden */
::selection {
    background: #E2001A;
    color: white;
}