/* Utilitários de cor e background baseados nas variáveis do variable.css */

/* Cores de texto */
.color-pri { color: var(--color-pri) !important; }
.color-pri-active { color: var(--color-pri-active) !important; }
.color-sec { color: var(--color-sec) !important; }
.color-sec-active { color: var(--color-sec-active) !important; }
.color-bg { color: var(--color-bg) !important; }
.color-bg-active { color: var(--color-bg-active) !important; }
.color-bg-alt { color: var(--color-bg-alt) !important; }
.color-bg-gray { color: var(--color-bg-gray) !important; }
.color-font { color: var(--color-font) !important; }
.color-font-active { color: var(--color-font-active) !important; }
.color-white { color: var(--color-white) !important; }
.color-overlay { color: var(--color-overlay) !important; }
.color-success { color: var(--color-success) !important; }

/* Cores de fundo */
.bg-pri { background-color: var(--color-pri) !important; }
.bg-pri-active { background-color: var(--color-pri-active) !important; }
.bg-sec { background-color: var(--color-sec) !important; }
.bg-sec-active { background-color: var(--color-sec-active) !important; }
.bg-bg { background-color: var(--color-bg) !important; }
.bg-bg-active { background-color: var(--color-bg-active) !important; }
.bg-bg-alt { background-color: var(--color-bg-alt) !important; }
.bg-bg-gray { background-color: var(--color-bg-gray) !important; }
.bg-font { background-color: var(--color-font) !important; }
.bg-font-active { background-color: var(--color-font-active) !important; }
.bg-white { background-color: var(--color-white) !important; }
.bg-overlay { background-color: var(--color-overlay) !important; }
.bg-thumb-border { background-color: var(--color-thumb-border) !important; }
.bg-thumb-scrollbar { background-color: var(--color-thumb-scrollbar) !important; }
.bg-thumb-bg { background-color: var(--color-thumb-bg) !important; }
.bg-slider-indicator { background-color: var(--color-slider-indicator) !important; }
.bg-share-btn { background-color: var(--color-share-btn) !important; }
.bg-share-btn-border { background-color: var(--color-share-btn-border) !important; }
.bg-share-icon { background-color: var(--color-share-icon) !important; }
.bg-qty-bg { background-color: var(--color-qty-bg) !important; }
.bg-qty-btn-bg { background-color: var(--color-qty-btn-bg) !important; }
.bg-qty-btn-bg-active { background-color: var(--color-qty-btn-bg-active) !important; }
.bg-transparent { background-color: transparent !important; background: transparent !important; }
.bg-success { background-color: var(--color-success) !important; }