/* Custom Scroll Behavior and Fonts */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Source Sans 3', sans-serif;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Design System Utilities */
.organic-card {
    background: #1d211d; /* surface-container */
    border: 1px solid #424842; /* outline-variant */
    box-shadow: 0 4px 24px -1px rgba(0, 0, 0, 0.2);
    border-radius: 0.5rem;
}

.active-nav {
    color: #aad0b1 !important; /* primary */
    font-weight: 700 !important;
    border-bottom: 2px solid #aad0b1 !important;
}

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

::-webkit-scrollbar-track {
    background: #101411; /* background */
}

::-webkit-scrollbar-thumb {
    background: #323632; /* surface-variant */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #424842; /* outline-variant */
}