﻿.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .contact-card {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .contact-card:hover {
            transform: translateY(-5px);
            box-shadow: 0px 10px 30px rgba(0,0,0, 0.05);
        }
        .sticky-nav {
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }
/* Dark Mode Overrides */
.dark body, .dark main {
    background-color: #0b0f19 !important;
    color: #f1f5f9 !important;
}
.dark .bg-surface,
.dark .bg-white,
.dark .bg-surface-container-lowest {
    background-color: #111827 !important;
    color: #f1f5f9 !important;
}
.dark .bg-surface-container-high {
    background-color: #1e293b !important;
}
.dark .bg-surface-container-highest {
    background-color: #0f172a !important;
}
.dark .text-on-surface,
.dark .text-primary,
.dark .text-navy-elite,
.dark h1, .dark h2, .dark h3, .dark h4 {
    color: #ffffff !important;
}
.dark .text-on-surface-variant {
    color: #94a3b8 !important;
}
.dark .border-border-subtle,
.dark .border-outline-variant {
    border-color: rgba(255, 255, 255, 0.1) !important;
}
.dark footer {
    background-color: #0f172a !important;
    color: #f1f5f9 !important;
}
.dark footer h4, .dark footer .font-bold {
    color: #ffffff !important;
}
.dark footer .text-on-surface-variant {
    color: #94a3b8 !important;
}

/* Standard Glass Nav Styling */
.glass-nav {
    box-shadow: 0 2px 20px rgba(0,0,0,0.08) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    background-color: rgba(255, 255, 255, 1) !important;
}
.dark .glass-nav {
    box-shadow: 0 2px 20px rgba(0,0,0,0.08) !important;
    background-color: rgba(15, 23, 42, 0.98) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
