@charset "UTF-8";

/* Global Smooth Transitions */
body {
    transition: background-color 0.15s ease, color 0.15s ease;
}

/* Active Navigation Borders */
/* Unified Navigation System Attributes */
.active-tab {
    border-color: #050505 !important; /* Default Light Mode: Solid Black */
    color: #050505 !important;
}

/* Dark Mode Color Overrides */
.dark .active-tab {
    border-color: #ffffff !important; /* Dark Mode Active: Crisp White */
    color: #ffffff !important;
}





/* Base Custom Scrollbar Settings */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #ced0d4;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #bcc0c4;
}

/* Dark Mode Scrollbar Theme Tokens */
.dark ::-webkit-scrollbar-track {
    background: #18191a;
}
.dark ::-webkit-scrollbar-thumb {
    background: #3a3b3c;
    border-radius: 4px;
}
.dark ::-webkit-scrollbar-thumb:hover {
    background: #4e4f50;
}


/* Loading Screen Fade State */
.loading-hidden {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}