.badge[class*="badge-outline-"] {
    background: transparent !important;
    font-weight: 500;
    border: 1px solid currentColor;
}

/* Outline colors */
/* Existing */
.badge-outline-primary   { color: #6366f1; } /* indigo */
.badge-outline-success   { color: darkgreen } /* emerald */
.badge-outline-danger    { color: #ef4444; } /* rose */
.badge-outline-warning   { color: #f59e0b; } /* amber */
.badge-outline-info      { color: #0d3459; } /* sky */
.badge-outline-secondary { color: #64748b; } /* slate */
.badge-outline-blue-gray { color:#7393B3; } /* slate */
.badge-outline-yellow { color: #FBC00E; }

/* NEW Premium Colors */
.badge-outline-navy      { color: #0f172a; } /* navy (slate-900) */
.badge-outline-blue      { color: #0000A3} /* blue (blue-600) */
.badge-outline-maroon    { color: #ff3300; } /* maroon (rose-800) */


/* Soft hover effect (optional) */
.badge[class*="badge-outline-"] {
    transition: all .2s ease;
}

.badge-outline-primary:hover   { background: rgba(99,102,241,.08); }
.badge-outline-success:hover   { background: rgba(34,197,94,.08); }
.badge-outline-danger:hover    { background: rgba(239,68,68,.08); }
.badge-outline-warning:hover   { background: rgba(245,158,11,.08); }
.badge-outline-info:hover      { background: rgba(14,165,233,.08); }
.badge-outline-secondary:hover { background: rgba(100,116,139,.08); }

.badge-outline-navy:hover   { background: rgba(15,23,42,.08); }
.badge-outline-blue:hover   { background: rgba(37,99,235,.08); }
.badge-outline-maroon:hover { background: rgba(159,18,57,.08); }
.badge-outline-yellow:hover {
    background: rgba(250, 204, 21, .12);
}



.badge-light-success {
    background-color: rgba(34, 197, 94, 0.15);
    color: #15803d;
}

.badge-light-danger {
    background-color: rgba(239, 68, 68, 0.15);
    color: #b91c1c;
}

.badge-light-warning {
    background-color: rgba(245, 158, 11, 0.15);
    color: #92400e;
}

.badge-light-info {
    background-color: rgba(14, 165, 233, 0.15);
    color: #075985;
}

.badge-gradient-primary {
    color: #fff;
    background: linear-gradient(135deg, #6366f1, #4f46e5);
}

.badge-gradient-success {
    color: #fff;
    background: linear-gradient(135deg, #34d399, #22c55e);
}

.badge-gradient-danger {
    color: #fff;
    background: linear-gradient(135deg, #f87171, #ef4444);
}

.badge-gradient-warning {
    color: #fff;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
}

.badge-gradient-info {
    color: #fff;
    background: linear-gradient(135deg, #38bdf8, #0ea5e9);
}

.badge-gradient-secondary {
    color: #fff;
    background: linear-gradient(135deg, #94a3b8, #64748b);
}

/* ================================
   Gradient Badges
================================ */

.badge-gradient-primary {
    color: #fff;
    background: linear-gradient(135deg, #6366f1 0%, #4338ca 100%);
}

.badge-gradient-success {
    color: #fff;
    background: linear-gradient(135deg, #34d399 0%, #15803d 100%);
}

.badge-gradient-danger {
    color: #fff;
    background: linear-gradient(135deg, #fb7185 0%, #be123c 100%);
}

.badge-gradient-warning {
    color: #fff;
    background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
}

.badge-gradient-info {
    color: #fff;
    background: linear-gradient(135deg, #38bdf8 0%, #0369a1 100%);
}

.badge-gradient-secondary {
    color: #fff;
    background: linear-gradient(135deg, #94a3b8 0%, #475569 100%);
}


/* Premium */
.badge-gradient-navy {
    color: #fff;
    background: linear-gradient(135deg, #1e293b 0%, #020617 100%);
}

.badge-gradient-blue {
    color: #fff;
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
}

.badge-gradient-maroon {
    color: #fff;
    background: linear-gradient(135deg, #f43f5e 0%, #9f1239 100%);
}

.badge-gradient-yellow {
    color: #422006;
    background: linear-gradient(135deg, #fde047 0%, #eab308 100%);
}


/* Blue Gray */
.badge-gradient-blue-gray {
    color: #fff;
    background: linear-gradient(135deg, #94a3b8 0%, #526d82 100%);
}


/* DistriHub Brand */

.badge-gradient-distrihub {
    color: #fff;
    background: linear-gradient(
        90deg,
        #1769e0 0%,
        #173f7a 100%
    ) !important;
    border: 1px solid #0b2a5b;
    border-radius: 4px;
}

/* Common */
[class*="badge-gradient-"] {
    border: 0;
    font-weight: 500;
    transition: all .2s ease;
}

[class*="badge-gradient-"]:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}