/* css/style.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
    --brand-deep-blue: #0A192F;
    --brand-electric-blue: #007BFF;
    --brand-dark-grey: #333333;
    --brand-light-grey: #F4F4F9;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--brand-light-grey);
    color: var(--brand-dark-grey);
    -webkit-font-smoothing: antialiased;
}

/* Custom Tailwind Overrides / Extensions */
.bg-deep-blue {
    background-color: var(--brand-deep-blue);
}

.text-deep-blue {
    color: var(--brand-deep-blue);
}

.bg-electric-blue {
    background-color: var(--brand-electric-blue);
}

.text-electric-blue {
    color: var(--brand-electric-blue);
}

.hover\:bg-electric-blue:hover {
    background-color: #0056b3;
}

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

/* Hide scrollbar for horizontal scroll areas but allow scroll */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}