/**
 * Flowbite Semantic Classes (Design System)
 * https://flowbite.com/docs/customize/colors/
 * These classes provide semantic naming for alert colors
 */

/* Alert Colors - Danger/Error */
.bg-danger-soft {
    background-color: rgb(254 242 242); /* red-50 */
}
html.dark .bg-danger-soft {
    background-color: rgb(31 41 55); /* gray-800 */
}
.text-fg-danger-strong {
    color: rgb(153 27 27); /* red-800 */
}
html.dark .text-fg-danger-strong {
    color: rgb(248 113 113); /* red-400 */
}

/* Alert Colors - Success */
.bg-success-soft {
    background-color: rgb(240 253 244); /* green-50 */
}
html.dark .bg-success-soft {
    background-color: rgb(31 41 55); /* gray-800 */
}
.text-fg-success-strong {
    color: rgb(22 101 52); /* green-800 */
}
html.dark .text-fg-success-strong {
    color: rgb(74 222 128); /* green-400 */
}

/* Alert Colors - Brand/Info */
.bg-brand-softer {
    background-color: rgb(239 246 255); /* blue-50 */
}
html.dark .bg-brand-softer {
    background-color: rgb(31 41 55); /* gray-800 */
}
.text-fg-brand-strong {
    color: rgb(30 64 175); /* blue-800 */
}
html.dark .text-fg-brand-strong {
    color: rgb(96 165 250); /* blue-400 */
}

/* Alert Colors - Info (alias for brand) */
.bg-info-soft {
    background-color: rgb(239 246 255); /* blue-50 */
}
html.dark .bg-info-soft {
    background-color: rgb(31 41 55); /* gray-800 */
}
.text-fg-info-strong {
    color: rgb(30 64 175); /* blue-800 */
}
html.dark .text-fg-info-strong {
    color: rgb(96 165 250); /* blue-400 */
}

/* Alert Colors - Warning */
.bg-warning-soft {
    background-color: rgb(254 252 232); /* yellow-50 */
}
html.dark .bg-warning-soft {
    background-color: rgb(31 41 55); /* gray-800 */
}
.text-fg-warning {
    color: rgb(133 77 14); /* yellow-800 */
}
html.dark .text-fg-warning {
    color: rgb(250 204 21); /* yellow-400 */
}

/* Border radius - base */
.rounded-base {
    border-radius: 0.5rem; /* 8px */
}