@font-face {
    font-family: 'Gate';
    src: url('assets/Gate-Regular.woff2') format('woff2'),
         url('assets/Gate-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gate';
    src: url('assets/Gate-Italic.woff2') format('woff2'),
         url('assets/Gate-Italic.woff') format('woff');
    font-weight: normal;
    font-style: Italic;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #01102F; /* Midnight Blue */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Gate', sans-serif;
    font-weight: 400; /* font-normal */
}
.bg-royal-blue { background-color: #0853F9; }
.text-royal-blue { color: #0853F9; }
.bg-midnight-blue { background-color: #01102F; }
.text-neon-cyan { color: #00FFDE; }
.border-neon-cyan { border-color: #00FFDE; }
.ring-neon-cyan { --tw-ring-color: #00FFDE; }
.nav-active { color: #0853F9; font-weight: 600; }

/* Custom styles for active tab */
.tab-active {
    background-color: #0853F9;
    color: white;
}

/* Hover effect for navigation links */
header nav a:not(.bg-royal-blue):hover {
    color: #00FFDE;
}

/* Hover effect for footer links */
footer a:hover {
    color: #00FFDE;
}

/* Hover effect for all buttons */
.bg-royal-blue:hover {
    filter: brightness(1.15);
}

/* Focus effect for form inputs */
input:focus, textarea:focus {
    --tw-ring-color: #00FFDE;
    border-color: #00FFDE;
}