/*
 * DaisyUI → shadcn Palette (Light + Dark)
 * ========================================
 * OKLCH → HSL conversions. Just tokens, no component styles.
 * Load AFTER your shadcn base override.
 */

/* ══════════════════════════════════════
   LIGHT
   ══════════════════════════════════════ */

:root,
[data-bs-theme="light"] {
    --shadcn-background: 0 0% 100%; /* base-100 #ffffff */
    --shadcn-card: 0 0% 100%;
    --shadcn-popover: 0 0% 100%;
    --shadcn-muted: 0 0% 97%; /* base-200 #f8f8f8 */
    --shadcn-accent: 0 0% 95%; /* ~base-300 hover */
    --shadcn-secondary: 0 0% 97%;

    --shadcn-border: 0 0% 90%;
    --shadcn-input: 0 0% 85%;

    --shadcn-foreground: 240 6% 10%; /* base-content #18181b */
    --shadcn-card-foreground: 240 6% 10%;
    --shadcn-popover-foreground: 240 6% 10%;
    --shadcn-secondary-foreground: 240 6% 10%;
    --shadcn-accent-foreground: 240 6% 10%;
    --shadcn-muted-foreground: 240 4% 46%;

    --shadcn-primary: 175 84% 32%; /* #0D9488 teal-600 */
    --shadcn-primary-foreground: 166 76% 97%; /* #F0FDFA */
    --shadcn-ring: 175 84% 32%;

    --shadcn-pink: 328 90% 57%; /* #f43098 */
    --shadcn-pink-foreground: 326 66% 94%;
    --shadcn-teal: 175 100% 41%; /* #00d0bb */
    --shadcn-teal-foreground: 176 82% 17%;

    --shadcn-destructive: 350 100% 70%; /* #ff667f */
    --shadcn-destructive-foreground: 342 95% 16%;
    --shadcn-success: 142 71% 45%; /* #22C55E green-500 */
    --shadcn-success-foreground: 144 61% 15%; /* #14532D */
    --shadcn-warning: 47 100% 48%; /* #f6b900 */
    --shadcn-warning-foreground: 23 93% 25%;
    --shadcn-info: 225 73% 57%; /* #6366F1 indigo-500 */
    --shadcn-info-foreground: 226 71% 96%; /* #EEF2FF */

    --bs-body-bg: hsl(var(--shadcn-background));
    --bs-body-color: hsl(var(--shadcn-foreground));
    --bs-border-color: hsl(var(--shadcn-border));
    --bs-primary: hsl(var(--shadcn-primary));
    --bs-primary-rgb: 13, 148, 136;
    --bs-secondary-rgb: 247, 247, 247;
    --bs-success-rgb: 34, 197, 94;
    --bs-danger-rgb: 255, 102, 127;
    --bs-warning-rgb: 246, 185, 0;
    --bs-info-rgb: 99, 102, 241;
    --bs-secondary: hsl(var(--shadcn-secondary));
    --bs-success: hsl(var(--shadcn-success));
    --bs-danger: hsl(var(--shadcn-destructive));
    --bs-warning: hsl(var(--shadcn-warning));
    --bs-info: hsl(var(--shadcn-info));
    --bs-link-color: hsl(var(--shadcn-primary));
    --bs-link-hover-color: hsl(var(--shadcn-primary) / 0.75);
}

/* ══════════════════════════════════════
   DARK
   ══════════════════════════════════════ */

[data-bs-theme="dark"],
.dark {
    --shadcn-background: 192 15% 10%; /* teal-tinted dark */
    --shadcn-card: 191 15% 14%;
    --shadcn-popover: 191 15% 14%;
    --shadcn-muted: 192 15% 12%;
    --shadcn-accent: 191 13% 17%;
    --shadcn-secondary: 192 15% 12%;

    --shadcn-border: 191 12% 19%;
    --shadcn-input: 191 12% 23%;

    --shadcn-foreground: 215 100% 96%; /* base-content #f3f8ff */
    --shadcn-card-foreground: 215 100% 96%;
    --shadcn-popover-foreground: 215 100% 96%;
    --shadcn-secondary-foreground: 215 100% 96%;
    --shadcn-accent-foreground: 215 100% 96%;
    --shadcn-muted-foreground: 240 6% 90%; /* neutral-content #e4e4e7 */

    --shadcn-primary: 172 66% 50%; /* #2DD4BF teal-400 */
    --shadcn-primary-foreground: 176 86% 8%; /* #042F2E */
    --shadcn-ring: 172 66% 50%;

    --shadcn-pink: 328 90% 57%; /* #f43098 */
    --shadcn-pink-foreground: 326 66% 94%;
    --shadcn-teal: 175 100% 41%; /* #00d0bb */
    --shadcn-teal-foreground: 176 82% 17%;

    --shadcn-destructive: 350 100% 70%; /* #ff667f */
    --shadcn-destructive-foreground: 342 95% 16%;
    --shadcn-success: 142 69% 58%; /* #4ADE80 green-400 */
    --shadcn-success-foreground: 144 61% 15%; /* #14532D */
    --shadcn-warning: 47 100% 48%; /* #f6b900 */
    --shadcn-warning-foreground: 23 93% 25%;
    --shadcn-info: 226 76% 70%; /* #818CF8 indigo-400 */
    --shadcn-info-foreground: 226 57% 14%; /* #1E1B4B */

    --bs-body-bg: hsl(var(--shadcn-background));
    --bs-body-color: hsl(var(--shadcn-foreground));
    --bs-border-color: hsl(var(--shadcn-border));
    --bs-primary: hsl(var(--shadcn-primary));
    --bs-primary-rgb: 45, 212, 191;
    --bs-secondary-rgb: 22, 30, 32;
    --bs-success-rgb: 74, 222, 128;
    --bs-danger-rgb: 255, 102, 127;
    --bs-warning-rgb: 246, 185, 0;
    --bs-info-rgb: 129, 140, 248;
    --bs-secondary: hsl(var(--shadcn-secondary));
    --bs-success: hsl(var(--shadcn-success));
    --bs-danger: hsl(var(--shadcn-destructive));
    --bs-warning: hsl(var(--shadcn-warning));
    --bs-info: hsl(var(--shadcn-info));
    --bs-link-color: hsl(var(--shadcn-primary));
    --bs-link-hover-color: hsl(var(--shadcn-primary) / 0.75);
}

/* ══════════════════════════════════════
   COMPONENT OVERRIDES
   Bootstrap 5.3 components use hardcoded Sass-compiled hex values for
   component-local variables (--bs-btn-bg, --bs-badge-*, etc.).
   These are NOT derived from --bs-primary, so we must override them
   explicitly here to apply the custom palette.
   ══════════════════════════════════════ */

.btn-primary {
    --bs-btn-bg: hsl(var(--shadcn-primary));
    --bs-btn-border-color: hsl(var(--shadcn-primary));
    --bs-btn-hover-bg: color-mix(in srgb, hsl(var(--shadcn-primary)) 85%, black);
    --bs-btn-hover-border-color: color-mix(in srgb, hsl(var(--shadcn-primary)) 80%, black);
    --bs-btn-active-bg: color-mix(in srgb, hsl(var(--shadcn-primary)) 80%, black);
    --bs-btn-active-border-color: color-mix(in srgb, hsl(var(--shadcn-primary)) 75%, black);
    --bs-btn-disabled-bg: hsl(var(--shadcn-primary));
    --bs-btn-disabled-border-color: hsl(var(--shadcn-primary));
}

.btn-success {
    --bs-btn-bg: hsl(var(--shadcn-success));
    --bs-btn-border-color: hsl(var(--shadcn-success));
    --bs-btn-hover-bg: color-mix(in srgb, hsl(var(--shadcn-success)) 85%, black);
    --bs-btn-hover-border-color: color-mix(in srgb, hsl(var(--shadcn-success)) 80%, black);
    --bs-btn-active-bg: color-mix(in srgb, hsl(var(--shadcn-success)) 80%, black);
    --bs-btn-active-border-color: color-mix(in srgb, hsl(var(--shadcn-success)) 75%, black);
    --bs-btn-disabled-bg: hsl(var(--shadcn-success));
    --bs-btn-disabled-border-color: hsl(var(--shadcn-success));
}

.btn-danger {
    --bs-btn-bg: hsl(var(--shadcn-destructive));
    --bs-btn-border-color: hsl(var(--shadcn-destructive));
    --bs-btn-hover-bg: color-mix(in srgb, hsl(var(--shadcn-destructive)) 85%, black);
    --bs-btn-hover-border-color: color-mix(in srgb, hsl(var(--shadcn-destructive)) 80%, black);
    --bs-btn-active-bg: color-mix(in srgb, hsl(var(--shadcn-destructive)) 80%, black);
    --bs-btn-active-border-color: color-mix(in srgb, hsl(var(--shadcn-destructive)) 75%, black);
    --bs-btn-disabled-bg: hsl(var(--shadcn-destructive));
    --bs-btn-disabled-border-color: hsl(var(--shadcn-destructive));
}

.btn-warning {
    --bs-btn-bg: hsl(var(--shadcn-warning));
    --bs-btn-border-color: hsl(var(--shadcn-warning));
    --bs-btn-hover-bg: color-mix(in srgb, hsl(var(--shadcn-warning)) 85%, black);
    --bs-btn-hover-border-color: color-mix(in srgb, hsl(var(--shadcn-warning)) 80%, black);
    --bs-btn-active-bg: color-mix(in srgb, hsl(var(--shadcn-warning)) 80%, black);
    --bs-btn-active-border-color: color-mix(in srgb, hsl(var(--shadcn-warning)) 75%, black);
    --bs-btn-disabled-bg: hsl(var(--shadcn-warning));
    --bs-btn-disabled-border-color: hsl(var(--shadcn-warning));
}

.btn-info {
    --bs-btn-bg: hsl(var(--shadcn-info));
    --bs-btn-border-color: hsl(var(--shadcn-info));
    --bs-btn-hover-bg: color-mix(in srgb, hsl(var(--shadcn-info)) 85%, black);
    --bs-btn-hover-border-color: color-mix(in srgb, hsl(var(--shadcn-info)) 80%, black);
    --bs-btn-active-bg: color-mix(in srgb, hsl(var(--shadcn-info)) 80%, black);
    --bs-btn-active-border-color: color-mix(in srgb, hsl(var(--shadcn-info)) 75%, black);
    --bs-btn-disabled-bg: hsl(var(--shadcn-info));
    --bs-btn-disabled-border-color: hsl(var(--shadcn-info));
}

/* ══════════════════════════════════════
   OUTLINE BUTTONS
   ══════════════════════════════════════ */

.btn-outline-primary {
    --bs-btn-color: hsl(var(--shadcn-primary));
    --bs-btn-border-color: hsl(var(--shadcn-primary));
    --bs-btn-hover-color: hsl(var(--shadcn-primary-foreground));
    --bs-btn-hover-bg: hsl(var(--shadcn-primary));
    --bs-btn-hover-border-color: hsl(var(--shadcn-primary));
    --bs-btn-active-color: hsl(var(--shadcn-primary-foreground));
    --bs-btn-active-bg: hsl(var(--shadcn-primary));
    --bs-btn-active-border-color: hsl(var(--shadcn-primary));
    --bs-btn-disabled-color: hsl(var(--shadcn-primary));
    --bs-btn-disabled-border-color: hsl(var(--shadcn-primary));
}

.btn-outline-success {
    --bs-btn-color: hsl(var(--shadcn-success));
    --bs-btn-border-color: hsl(var(--shadcn-success));
    --bs-btn-hover-color: hsl(var(--shadcn-success-foreground));
    --bs-btn-hover-bg: hsl(var(--shadcn-success));
    --bs-btn-hover-border-color: hsl(var(--shadcn-success));
    --bs-btn-active-color: hsl(var(--shadcn-success-foreground));
    --bs-btn-active-bg: hsl(var(--shadcn-success));
    --bs-btn-active-border-color: hsl(var(--shadcn-success));
    --bs-btn-disabled-color: hsl(var(--shadcn-success));
    --bs-btn-disabled-border-color: hsl(var(--shadcn-success));
}

.btn-outline-danger {
    --bs-btn-color: hsl(var(--shadcn-destructive));
    --bs-btn-border-color: hsl(var(--shadcn-destructive));
    --bs-btn-hover-color: hsl(var(--shadcn-destructive-foreground));
    --bs-btn-hover-bg: hsl(var(--shadcn-destructive));
    --bs-btn-hover-border-color: hsl(var(--shadcn-destructive));
    --bs-btn-active-color: hsl(var(--shadcn-destructive-foreground));
    --bs-btn-active-bg: hsl(var(--shadcn-destructive));
    --bs-btn-active-border-color: hsl(var(--shadcn-destructive));
    --bs-btn-disabled-color: hsl(var(--shadcn-destructive));
    --bs-btn-disabled-border-color: hsl(var(--shadcn-destructive));
}

.btn-outline-warning {
    --bs-btn-color: hsl(var(--shadcn-warning));
    --bs-btn-border-color: hsl(var(--shadcn-warning));
    --bs-btn-hover-color: hsl(var(--shadcn-warning-foreground));
    --bs-btn-hover-bg: hsl(var(--shadcn-warning));
    --bs-btn-hover-border-color: hsl(var(--shadcn-warning));
    --bs-btn-active-color: hsl(var(--shadcn-warning-foreground));
    --bs-btn-active-bg: hsl(var(--shadcn-warning));
    --bs-btn-active-border-color: hsl(var(--shadcn-warning));
    --bs-btn-disabled-color: hsl(var(--shadcn-warning));
    --bs-btn-disabled-border-color: hsl(var(--shadcn-warning));
}

.btn-outline-info {
    --bs-btn-color: hsl(var(--shadcn-info));
    --bs-btn-border-color: hsl(var(--shadcn-info));
    --bs-btn-hover-color: hsl(var(--shadcn-info-foreground));
    --bs-btn-hover-bg: hsl(var(--shadcn-info));
    --bs-btn-hover-border-color: hsl(var(--shadcn-info));
    --bs-btn-active-color: hsl(var(--shadcn-info-foreground));
    --bs-btn-active-bg: hsl(var(--shadcn-info));
    --bs-btn-active-border-color: hsl(var(--shadcn-info));
    --bs-btn-disabled-color: hsl(var(--shadcn-info));
    --bs-btn-disabled-border-color: hsl(var(--shadcn-info));
}

/* ══════════════════════════════════════
   ALERTS
   color-mix with shadcn-background ensures automatic light/dark tinting.
   ══════════════════════════════════════ */

.alert-primary {
    --bs-alert-color: color-mix(in srgb, hsl(var(--shadcn-primary)) 85%, black);
    --bs-alert-bg: color-mix(in srgb, hsl(var(--shadcn-primary)) 15%, hsl(var(--shadcn-background)));
    --bs-alert-border-color: color-mix(in srgb, hsl(var(--shadcn-primary)) 30%, hsl(var(--shadcn-background)));
    --bs-alert-link-color: hsl(var(--shadcn-primary));
}

.alert-success {
    --bs-alert-color: color-mix(in srgb, hsl(var(--shadcn-success)) 85%, black);
    --bs-alert-bg: color-mix(in srgb, hsl(var(--shadcn-success)) 15%, hsl(var(--shadcn-background)));
    --bs-alert-border-color: color-mix(in srgb, hsl(var(--shadcn-success)) 30%, hsl(var(--shadcn-background)));
    --bs-alert-link-color: hsl(var(--shadcn-success));
}

.alert-danger {
    --bs-alert-color: color-mix(in srgb, hsl(var(--shadcn-destructive)) 85%, black);
    --bs-alert-bg: color-mix(in srgb, hsl(var(--shadcn-destructive)) 15%, hsl(var(--shadcn-background)));
    --bs-alert-border-color: color-mix(in srgb, hsl(var(--shadcn-destructive)) 30%, hsl(var(--shadcn-background)));
    --bs-alert-link-color: hsl(var(--shadcn-destructive));
}

.alert-warning {
    --bs-alert-color: color-mix(in srgb, hsl(var(--shadcn-warning)) 85%, black);
    --bs-alert-bg: color-mix(in srgb, hsl(var(--shadcn-warning)) 15%, hsl(var(--shadcn-background)));
    --bs-alert-border-color: color-mix(in srgb, hsl(var(--shadcn-warning)) 30%, hsl(var(--shadcn-background)));
    --bs-alert-link-color: hsl(var(--shadcn-warning));
}

.alert-info {
    --bs-alert-color: color-mix(in srgb, hsl(var(--shadcn-info)) 85%, black);
    --bs-alert-bg: color-mix(in srgb, hsl(var(--shadcn-info)) 15%, hsl(var(--shadcn-background)));
    --bs-alert-border-color: color-mix(in srgb, hsl(var(--shadcn-info)) 30%, hsl(var(--shadcn-background)));
    --bs-alert-link-color: hsl(var(--shadcn-info));
}

/* ══════════════════════════════════════
   BADGES — .text-bg-* variants (Bootstrap 5.3 recommended pattern)
   .bg-* utilities are covered by --bs-*-rgb root fixes above.
   ══════════════════════════════════════ */

.text-bg-primary { background-color: hsl(var(--shadcn-primary)) !important; color: hsl(var(--shadcn-primary-foreground)) !important; }
.text-bg-success { background-color: hsl(var(--shadcn-success)) !important; color: hsl(var(--shadcn-success-foreground)) !important; }
.text-bg-danger  { background-color: hsl(var(--shadcn-destructive)) !important; color: hsl(var(--shadcn-destructive-foreground)) !important; }
.text-bg-warning { background-color: hsl(var(--shadcn-warning)) !important; color: hsl(var(--shadcn-warning-foreground)) !important; }
.text-bg-info    { background-color: hsl(var(--shadcn-info)) !important; color: hsl(var(--shadcn-info-foreground)) !important; }

/* ══════════════════════════════════════
   NAV PILLS — active state
   ══════════════════════════════════════ */

.nav-pills {
    --bs-nav-pills-link-active-bg: hsl(var(--shadcn-primary));
    --bs-nav-pills-link-active-color: hsl(var(--shadcn-primary-foreground));
}

/* ══════════════════════════════════════
   LIST GROUP — active + semantic variants
   ══════════════════════════════════════ */

.list-group {
    --bs-list-group-active-bg: hsl(var(--shadcn-primary));
    --bs-list-group-active-border-color: hsl(var(--shadcn-primary));
    --bs-list-group-active-color: hsl(var(--shadcn-primary-foreground));
}

.list-group-item-primary {
    --bs-list-group-color: color-mix(in srgb, hsl(var(--shadcn-primary)) 85%, black);
    --bs-list-group-bg: color-mix(in srgb, hsl(var(--shadcn-primary)) 20%, hsl(var(--shadcn-background)));
    --bs-list-group-action-hover-color: color-mix(in srgb, hsl(var(--shadcn-primary)) 85%, black);
    --bs-list-group-action-hover-bg: color-mix(in srgb, hsl(var(--shadcn-primary)) 30%, hsl(var(--shadcn-background)));
    --bs-list-group-action-active-bg: color-mix(in srgb, hsl(var(--shadcn-primary)) 35%, hsl(var(--shadcn-background)));
    --bs-list-group-active-bg: hsl(var(--shadcn-primary));
    --bs-list-group-active-border-color: hsl(var(--shadcn-primary));
}

.list-group-item-success {
    --bs-list-group-color: color-mix(in srgb, hsl(var(--shadcn-success)) 85%, black);
    --bs-list-group-bg: color-mix(in srgb, hsl(var(--shadcn-success)) 20%, hsl(var(--shadcn-background)));
    --bs-list-group-action-hover-bg: color-mix(in srgb, hsl(var(--shadcn-success)) 30%, hsl(var(--shadcn-background)));
    --bs-list-group-action-active-bg: color-mix(in srgb, hsl(var(--shadcn-success)) 35%, hsl(var(--shadcn-background)));
}

.list-group-item-danger {
    --bs-list-group-color: color-mix(in srgb, hsl(var(--shadcn-destructive)) 85%, black);
    --bs-list-group-bg: color-mix(in srgb, hsl(var(--shadcn-destructive)) 20%, hsl(var(--shadcn-background)));
    --bs-list-group-action-hover-bg: color-mix(in srgb, hsl(var(--shadcn-destructive)) 30%, hsl(var(--shadcn-background)));
    --bs-list-group-action-active-bg: color-mix(in srgb, hsl(var(--shadcn-destructive)) 35%, hsl(var(--shadcn-background)));
}

.list-group-item-warning {
    --bs-list-group-color: color-mix(in srgb, hsl(var(--shadcn-warning)) 85%, black);
    --bs-list-group-bg: color-mix(in srgb, hsl(var(--shadcn-warning)) 20%, hsl(var(--shadcn-background)));
    --bs-list-group-action-hover-bg: color-mix(in srgb, hsl(var(--shadcn-warning)) 30%, hsl(var(--shadcn-background)));
    --bs-list-group-action-active-bg: color-mix(in srgb, hsl(var(--shadcn-warning)) 35%, hsl(var(--shadcn-background)));
}

.list-group-item-info {
    --bs-list-group-color: color-mix(in srgb, hsl(var(--shadcn-info)) 85%, black);
    --bs-list-group-bg: color-mix(in srgb, hsl(var(--shadcn-info)) 20%, hsl(var(--shadcn-background)));
    --bs-list-group-action-hover-bg: color-mix(in srgb, hsl(var(--shadcn-info)) 30%, hsl(var(--shadcn-background)));
    --bs-list-group-action-active-bg: color-mix(in srgb, hsl(var(--shadcn-info)) 35%, hsl(var(--shadcn-background)));
}

/* ══════════════════════════════════════
   PAGINATION — active state
   ══════════════════════════════════════ */

.pagination {
    --bs-pagination-active-bg: hsl(var(--shadcn-primary));
    --bs-pagination-active-border-color: hsl(var(--shadcn-primary));
    --bs-pagination-active-color: hsl(var(--shadcn-primary-foreground));
    --bs-pagination-focus-color: hsl(var(--shadcn-primary));
    --bs-pagination-hover-color: hsl(var(--shadcn-primary));
}

/* ══════════════════════════════════════
   PROGRESS BARS
   .progress-bar with .bg-* is covered by --bs-*-rgb root fixes.
   Default progress bar (no color class) uses --bs-progress-bar-bg.
   ══════════════════════════════════════ */

.progress {
    --bs-progress-bar-bg: hsl(var(--shadcn-primary));
}

/* ══════════════════════════════════════
   FORM CONTROLS — focus ring & checked state
   ══════════════════════════════════════ */

.form-control:focus,
.form-select:focus {
    border-color: hsl(var(--shadcn-primary));
    box-shadow: 0 0 0 0.25rem hsl(var(--shadcn-primary) / 0.25);
}

.form-check-input:checked {
    background-color: hsl(var(--shadcn-primary));
    border-color: hsl(var(--shadcn-primary));
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem hsl(var(--shadcn-primary) / 0.25);
}

/* ══════════════════════════════════════
   DROPDOWNS — active item
   ══════════════════════════════════════ */

.dropdown-menu {
    --bs-dropdown-link-active-bg: hsl(var(--shadcn-primary));
    --bs-dropdown-link-active-color: hsl(var(--shadcn-primary-foreground));
}

/* ══════════════════════════════════════
   TABLES — semantic tinted variants
   color-mix with shadcn-background = auto light/dark tinting.
   ══════════════════════════════════════ */

.table-primary {
    --bs-table-bg: color-mix(in srgb, hsl(var(--shadcn-primary)) 15%, hsl(var(--shadcn-background)));
    --bs-table-border-color: color-mix(in srgb, hsl(var(--shadcn-primary)) 25%, hsl(var(--shadcn-background)));
    --bs-table-striped-bg: color-mix(in srgb, hsl(var(--shadcn-primary)) 12%, hsl(var(--shadcn-background)));
    --bs-table-active-bg: color-mix(in srgb, hsl(var(--shadcn-primary)) 22%, hsl(var(--shadcn-background)));
    --bs-table-hover-bg: color-mix(in srgb, hsl(var(--shadcn-primary)) 18%, hsl(var(--shadcn-background)));
}

.table-success {
    --bs-table-bg: color-mix(in srgb, hsl(var(--shadcn-success)) 15%, hsl(var(--shadcn-background)));
    --bs-table-border-color: color-mix(in srgb, hsl(var(--shadcn-success)) 25%, hsl(var(--shadcn-background)));
    --bs-table-striped-bg: color-mix(in srgb, hsl(var(--shadcn-success)) 12%, hsl(var(--shadcn-background)));
    --bs-table-active-bg: color-mix(in srgb, hsl(var(--shadcn-success)) 22%, hsl(var(--shadcn-background)));
    --bs-table-hover-bg: color-mix(in srgb, hsl(var(--shadcn-success)) 18%, hsl(var(--shadcn-background)));
}

.table-danger {
    --bs-table-bg: color-mix(in srgb, hsl(var(--shadcn-destructive)) 15%, hsl(var(--shadcn-background)));
    --bs-table-border-color: color-mix(in srgb, hsl(var(--shadcn-destructive)) 25%, hsl(var(--shadcn-background)));
    --bs-table-striped-bg: color-mix(in srgb, hsl(var(--shadcn-destructive)) 12%, hsl(var(--shadcn-background)));
    --bs-table-active-bg: color-mix(in srgb, hsl(var(--shadcn-destructive)) 22%, hsl(var(--shadcn-background)));
    --bs-table-hover-bg: color-mix(in srgb, hsl(var(--shadcn-destructive)) 18%, hsl(var(--shadcn-background)));
}

.table-warning {
    --bs-table-bg: color-mix(in srgb, hsl(var(--shadcn-warning)) 15%, hsl(var(--shadcn-background)));
    --bs-table-border-color: color-mix(in srgb, hsl(var(--shadcn-warning)) 25%, hsl(var(--shadcn-background)));
    --bs-table-striped-bg: color-mix(in srgb, hsl(var(--shadcn-warning)) 12%, hsl(var(--shadcn-background)));
    --bs-table-active-bg: color-mix(in srgb, hsl(var(--shadcn-warning)) 22%, hsl(var(--shadcn-background)));
    --bs-table-hover-bg: color-mix(in srgb, hsl(var(--shadcn-warning)) 18%, hsl(var(--shadcn-background)));
}

.table-info {
    --bs-table-bg: color-mix(in srgb, hsl(var(--shadcn-info)) 15%, hsl(var(--shadcn-background)));
    --bs-table-border-color: color-mix(in srgb, hsl(var(--shadcn-info)) 25%, hsl(var(--shadcn-background)));
    --bs-table-striped-bg: color-mix(in srgb, hsl(var(--shadcn-info)) 12%, hsl(var(--shadcn-background)));
    --bs-table-active-bg: color-mix(in srgb, hsl(var(--shadcn-info)) 22%, hsl(var(--shadcn-background)));
    --bs-table-hover-bg: color-mix(in srgb, hsl(var(--shadcn-info)) 18%, hsl(var(--shadcn-background)));
}