@layer components {
    .alert {
        padding: var(--space-2) var(--space-3);
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        font-size: var(--text-sm);
        margin-bottom: var(--space-3);
        text-align: left;
    }
    .alert-error {
        border-color: var(--danger);
        color: var(--danger);
    }
    .alert-success {
        background: var(--success-bg);
        color: var(--success-fg);
        border-color: var(--success-border);
    }
}