/* =========================================================
   Background utilities (Logibox)
   Usage: class="lx-bg-accent" / "lx-bg-blue" / etc.
   ========================================================= */

.lx-bg-white{ background: var(--lx-white) !important; }
.lx-bg-app{ background: var(--lx-bg-app) !important; }

.lx-bg-primary{ background: var(--lx-brand-primary) !important; }
.lx-bg-secondary{ background: var(--lx-brand-secondary) !important; }
.lx-bg-accent{ background: var(--lx-brand-accent) !important; }
.lx-bg-blue{ background: var(--lx-brand-blue) !important; }
.lx-bg-red{ background: var(--lx-brand-red) !important; }

/* Status (si tu veux utiliser directement tes variables de statut) */
.lx-bg-won{ background: var(--lx-status-won) !important; }
.lx-bg-in-progress{ background: var(--lx-status-in-progress) !important; }
.lx-bg-lost{ background: var(--lx-status-lost) !important; }

/* =========================================================
   Text color utilities (Logibox)
   Usage: class="lx-text-primary" / "lx-text-muted" / etc.
   ========================================================= */

.lx-text-white{ color: var(--lx-white) !important; }

.lx-text-dark{ color: var(--lx-text-dark) !important; }
.lx-text-body{ color: var(--lx-text-body) !important; }
.lx-text-muted{ color: var(--lx-text-muted) !important; }

/* Brand */
.lx-text-primary{ color: var(--lx-brand-primary) !important; }
.lx-text-secondary{ color: var(--lx-brand-secondary) !important; }
.lx-text-accent{ color: var(--lx-brand-accent) !important; }
.lx-text-blue{ color: var(--lx-brand-blue) !important; }
.lx-text-red{ color: var(--lx-brand-red) !important; }

/* Status */
.lx-text-won{ color: var(--lx-status-won) !important; }
.lx-text-in-progress{ color: var(--lx-status-in-progress) !important; }
.lx-text-lost{ color: var(--lx-status-lost) !important; }


/* =========================================================
   Border color utilities (Logibox)
   Usage: class="lx-border-accent" (works with Bootstrap border widths)
   ========================================================= */

.lx-border-white{ border-color: var(--lx-white) !important; }

.lx-border-dark{ border-color: var(--lx-text-dark) !important; }
.lx-border-muted{ border-color: var(--lx-text-muted) !important; }

/* Brand */
.lx-border-primary{ border-color: var(--lx-brand-primary) !important; }
.lx-border-secondary{ border-color: var(--lx-brand-secondary) !important; }
.lx-border-accent{ border-color: var(--lx-brand-accent) !important; }
.lx-border-blue{ border-color: var(--lx-brand-blue) !important; }
.lx-border-red{ border-color: var(--lx-brand-red) !important; }

/* Status */
.lx-border-won{ border-color: var(--lx-status-won) !important; }
.lx-border-in-progress{ border-color: var(--lx-status-in-progress) !important; }
.lx-border-lost{ border-color: var(--lx-status-lost) !important; }