/* BirAjan Premium Styles */

:root {
    --surface-container-high: #e6e8ea;
    --surface-container-highest: #e0e3e5;
    --on-secondary-fixed-variant: #004e5f;
    --surface-container-lowest: #ffffff;
    --tertiary: #000000;
    --primary: #000000;
    --error: #ba1a1a;
    --on-surface-variant: #44474c;
    --on-secondary-container: #005c70;
    --secondary: #00677d;
    --on-primary-fixed-variant: #00429c;
    --on-background: #191c1e;
    --background: #f7f9fb;
    --tertiary-fixed-dim: #58d6f1;
    --primary-fixed: #d9e2ff;
    --primary-container: #001945;
    --outline: #74777d;
    --error-container: #ffdad6;
    --surface-container-low: #f2f4f6;
    --on-secondary-fixed: #001f27;
    --surface-variant: #e0e3e5;
    --on-error: #ffffff;
    --on-tertiary-container: #0091a7;
    --on-secondary: #ffffff;
    --secondary-fixed: #b3ebff;
    --on-surface: #191c1e;
    --outline-variant: #c4c6cc;
    --on-primary-fixed: #001945;
    --secondary-container: #50d9fe;
    --secondary-fixed-dim: #4cd6fb;
    --inverse-primary: #b0c6ff;
    --on-primary-container: #5781de;
    --inverse-surface: #2d3133;
    --on-tertiary: #ffffff;
    --surface-tint: #2b5bb5;
    --on-error-container: #93000a;
    --surface-bright: #f7f9fb;
    --on-tertiary-fixed-variant: #004e5b;
    --tertiary-fixed: #a7edff;
    --inverse-on-surface: #eff1f3;
    --primary-fixed-dim: #b0c6ff;
    --surface-container: #eceef0;
    --surface: #f7f9fb;
    --tertiary-container: #001f25;
    --on-tertiary-fixed: #001f25;
    --on-primary: #ffffff;
    --surface-dim: #d8dadc;
}

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

.glass-panel {
    backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.7);
}

.hero-gradient {
    background: linear-gradient(135deg, #000000 0%, #001945 100%);
}

/* Scroll Animations */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

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

::-webkit-scrollbar-track {
    background: var(--surface);
}

::-webkit-scrollbar-thumb {
    background: var(--outline-variant);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--outline);
}