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

.soft-shadow {
    box-shadow: 0 10px 30px -10px rgba(10, 37, 64, 0.08);
}

.soft-shadow-light {
    box-shadow: 0 4px 20px -2px rgba(10, 37, 64, 0.06);
}

.nav-link-active {
    color: #005da7;
    position: relative;
}

.nav-link-active::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 1rem;
    right: 1rem;
    height: 2px;
    background-color: #005da7;
}

/* Skip to main content for accessibility */
.skip-to-main {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 999;
    padding: 1rem;
    background: #0076d1;
    color: white;
    text-decoration: none;
}

.skip-to-main:focus {
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

/* Form validation styles */
input:invalid,
textarea:invalid,
select:invalid {
    border-color: #ba1a1a;
}

input:valid,
textarea:valid,
select:valid {
    border-color: #10b981;
}

.form-error {
    color: #ba1a1a;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.form-success {
    color: #10b981;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}