/*
 * Custom CSS for MarqX PHP site
 *
 * This file contains overrides and additional styling on top of
 * TailwindCSS. Tailwind is loaded from a CDN in the header include.
 */

/* Import Google Fonts used in the original design */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lexend:wght@400;500;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}
.font-heading {
    font-family: 'Lexend', sans-serif;
}

/* Example of customizing the scroll bar for dark theme */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #0A0A0A;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(123, 63, 242, 0.5);
    border-radius: 4px;
}