/* 
 * Main Stylesheet
 * Contains common styles, glassmorphism effects, and utility classes.
 */

:root {
    /* Brand Colors */
    --color-primary: #0069b4;
    --color-primary-rgb: 0, 105, 180;
    --color-primary-dark: #005291;
    --color-secondary: #ffc300;
    --color-secondary-rgb: 255, 195, 0;

    /* Backgrounds & Surfaces */
    --color-bg-light: #f5f7f8;
    --color-bg-dark: #0f161d;
    --color-bg-dark-rgb: 15, 22, 29;
    --color-surface-light: #ffffff;
    --color-surface-dark: #182129;
    --color-surface-dark-rgb: 24, 33, 41;
}

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

/* Glassmorphism Utilities */
.glass-panel {
    background: rgba(var(--color-surface-dark-rgb), 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.glass-card {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
}

.dark .glass-card {
    background: rgba(var(--color-surface-dark-rgb), 0.65);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.glass-header {
    background: rgba(var(--color-bg-dark-rgb), 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-sidebar {
    background: rgba(var(--color-bg-dark-rgb), 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

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

::-webkit-scrollbar-track {
    background: var(--color-bg-dark);
}

::-webkit-scrollbar-thumb {
    background: #2d3748;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #4a5568;
}

/* Utility Classes */
.hide-scrollbar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.accent-gradient-text {
    background: linear-gradient(to right, #ffffff, #93c5fd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.active-nav-item {
    background: rgba(var(--color-primary-rgb), 0.15);
    /* Primary color with opacity */
    border-left: 3px solid var(--color-primary);
}

/* Base Body Styles (if not covered by Tailwind classes) */
body {
    font-family: 'Inter', sans-serif;
}