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

body {
    background: #f6fafe;
}

.site-shell {
    width: min(100% - 3rem, 72rem);
    margin-left: auto;
    margin-right: auto;
}

.shadow-site {
    box-shadow: 0 24px 24px -12px rgba(0, 37, 66, 0.08);
}

.bg-primary-gradient {
    background: linear-gradient(135deg, #002542 0%, #1b3b5a 100%);
}

.ambient-shadow {
    box-shadow: 0 24px 24px -12px rgba(0, 37, 66, 0.08);
}

.nav-link {
    color: #545f72;
    font-weight: 600;
    transition: color 0.2s ease;
}

.nav-link:hover {
    color: #002542;
}

.nav-link-active {
    color: #002542;
    font-weight: 700;
    border-bottom: 2px solid #002542;
}