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

/* CSS Variables - Your Original Colors */
:root {
    --primary-blue-dark: #0f3460;
    --primary-blue-medium: #1a4d8c;
    --primary-teal-dark: #0f766e;
    --primary-teal-medium: #14b8a6;
    --bg-dark: #0a0a0a;
    --bg-darker: #050505;
    --bg-card: #111827;
}



/* Global Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    overflow-x: clip;
    scroll-behavior: smooth;
}

body {
    overflow-x: clip;
    font-family: 'Inter', sans-serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, var(--primary-blue-dark), var(--primary-teal-dark));
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, var(--primary-blue-medium), var(--primary-teal-medium));
}