/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&display=swap');

/* Global Styles */
html {
    scroll-behavior: smooth;
    font-family: 'Inter', sans-serif;
}

body {
    min-height: 100vh;
    min-height: 100dvh;
}

/* Custom Scrollbar (Webkit) */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Text Gradient Utility */
.text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #111418 0%, #4a5568 100%);
}

.dark .text-gradient {
    background-image: linear-gradient(135deg, #ffffff 0%, #a0aec0 100%);
}