.alert {
    padding: var(--space-md) var(--space-lg);
    border-radius: var(--border-radius);
    margin-block: var(--space-lg);
    font-size: 1rem;
    border: 1px solid transparent;
}

.alert-info {
    background-color: #E6F6FD;
    color: #035A80;
    border-color: #A9DEF5;
}

.alert-success {
    background-color: #E8F5EC;
    color: #17602B;
    border-color: #A8D8B5;
}

.alert-warning {
    background-color: #FFF4E0;
    color: #7A4A00;
    border-color: #F2CE8C;
}

.alert-error {
    background-color: #FDECEC;
    color: #8E1C1C;
    border-color: #F2B3B3;
}

.error-card {
    max-width: 32rem;
    margin: var(--space-4xl) auto;
    padding: var(--space-xl);
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
}

.error-card h1 {
    color: var(--color-primary);
    margin-bottom: var(--space-sm);
}