/* Widget color definitions */
:root {
    --warn-bg: #fef3c7;
    --warn-border: #b88757;
    --warn-text: #5c5c5c;
    --info-bg: #dbeafe;
    --info-border: #7d9ea7;
    --info-text: #5c5
c5c;
--success-bg: #dcfce7;
--success-border: #76b05c;
--success-text: #5c5c5c;
--error-bg: #fee2e2;
--error-border: #b66467;
--error-text: #5c5c5c;
}
[data-theme="dark"] {
--warn-bg: #191919;
--warn-border: #789978;
--warn-text: #deeeed;
--info-bg: #0a1419;
--info-border: #7788aa;
--info-text: #deeeed;
--success-bg: #0a1a0a;
--success-border: #789978;
--success-text: #deeeed;
--error-bg: #1a0a0a;
--error-border: #D65C5C;
--error-text: #deeeed;
}
.widget-warn {
border-color: var(--warn-border);
background: var(--warn-bg);
color: var(--warn-text);
}
.widget-info {
border-color: var(--info-border);
background: var(--info-bg);
color: var(--info-text);
}
.widget-success {
border-color: var(--success-border);
background: var(--success-bg);
color: var(--success-text);
}
.widget-error {
border-color: var(--error-border);
background: var(--error-bg);
color: var(--error-text);
}