:root {
    --m-alert-radius: var(--m-theme-alert-radius, var(--m-theme-radius-lg, 12px));
    --m-alert-padding-y: 14px;
    --m-alert-padding-x: 16px;
    --m-alert-gap: 12px;
    --m-alert-icon-size: 20px;
    --m-alert-title-size: 14px;
    --m-alert-title-weight: 800;
    --m-alert-text-size: 13px;
    --m-alert-text-line-height: 1.55;
    --m-alert-border-width: var(--m-theme-border-width, 1px);

    --m-alert-surface: var(--m-context-surface);
    --m-alert-surface-soft: var(--m-context-surface-soft);
    --m-alert-border: var(--m-theme-alert-border, var(--m-context-border));
    --m-alert-border-strong: var(--m-context-border-strong);
    --m-alert-text: var(--m-theme-alert-text, var(--m-context-text));
    --m-alert-text-strong: var(--m-context-text-strong);
    --m-alert-text-muted: var(--m-context-text-muted);
    --m-alert-accent: var(--m-context-accent-color);
    --m-alert-accent-soft: var(--m-context-accent-soft);
    --m-alert-accent-soft-strong: var(--m-context-accent-soft-strong);
    --m-alert-shadow: var(--m-theme-alert-shadow, var(--m-theme-card-shadow, var(--m-context-shadow)));

    --m-alert-bg: var(--m-theme-alert-bg, var(--m-alert-accent-soft));
    --m-alert-color: var(--m-alert-text);
    --m-alert-title-color: var(--m-alert-text-strong);
    --m-alert-muted-color: var(--m-alert-text-muted);
    --m-alert-border-color: var(--m-alert-accent-soft-strong);
    --m-alert-icon-color: var(--m-theme-alert-icon, var(--m-alert-accent));
}

.m-alert[data-slot="c1"],
.m-alert[data-color="c1"] {
    --m-alert-accent: var(--m-color-c1);
    --m-alert-accent-soft: var(--m-color-c1-soft);
    --m-alert-accent-soft-strong: var(--m-color-c1-soft-strong);
}

.m-alert[data-slot="c2"],
.m-alert[data-color="c2"] {
    --m-alert-accent: var(--m-color-c2);
    --m-alert-accent-soft: var(--m-color-c2-soft);
    --m-alert-accent-soft-strong: var(--m-color-c2-soft-strong);
}

.m-alert[data-slot="c3"],
.m-alert[data-color="c3"] {
    --m-alert-accent: var(--m-color-c3);
    --m-alert-accent-soft: var(--m-color-c3-soft);
    --m-alert-accent-soft-strong: var(--m-color-c3-soft-strong);
}

.m-alert[data-slot="c4"],
.m-alert[data-color="c4"] {
    --m-alert-accent: var(--m-color-c4);
    --m-alert-accent-soft: var(--m-color-c4-soft);
    --m-alert-accent-soft-strong: var(--m-color-c4-soft-strong);
}

.m-alert[data-slot="c5"],
.m-alert[data-color="c5"] {
    --m-alert-accent: var(--m-color-c5);
    --m-alert-accent-soft: var(--m-color-c5-soft);
    --m-alert-accent-soft-strong: var(--m-color-c5-soft-strong);
}

.m-alert[data-slot="c6"],
.m-alert[data-color="c6"] {
    --m-alert-accent: var(--m-color-c6);
    --m-alert-accent-soft: var(--m-color-c6-soft);
    --m-alert-accent-soft-strong: var(--m-color-c6-soft-strong);
}

.m-alert[data-slot="c7"],
.m-alert[data-color="c7"] {
    --m-alert-accent: var(--m-color-c7);
    --m-alert-accent-soft: var(--m-color-c7-soft);
    --m-alert-accent-soft-strong: var(--m-color-c7-soft-strong);
}

.m-alert[data-slot="c8"],
.m-alert[data-color="c8"] {
    --m-alert-accent: var(--m-color-c8);
    --m-alert-accent-soft: var(--m-color-c8-soft);
    --m-alert-accent-soft-strong: var(--m-color-c8-soft-strong);
}

.m-alert[data-slot="c9"],
.m-alert[data-color="c9"] {
    --m-alert-accent: var(--m-color-c9);
    --m-alert-accent-soft: var(--m-color-c9-soft);
    --m-alert-accent-soft-strong: var(--m-color-c9-soft-strong);
}

.m-alert[data-slot="c10"],
.m-alert[data-color="c10"] {
    --m-alert-accent: var(--m-color-c10);
    --m-alert-accent-soft: var(--m-color-c10-soft);
    --m-alert-accent-soft-strong: var(--m-color-c10-soft-strong);
}