div.alert {
    padding: 10px;
    border-radius: 10px;
    background: var(--color-primary);
    color: white;
}

div.alert[data-variant="info"] {
    background: var(--color-primary);
    color: white;
}

div.alert[data-variant="error"] {
    background: var(--color-error);
    color: white;
}

div.alert[data-variant="warning"] {
    background: var(--color-warning);
    color: white;
}

div.alert[data-variant="success"] {
    background: var(--color-success);
    color: white;
}