/* ==========================================================================
   1. VARIÁVEIS GLOBAIS (PALETA DE CORES COMPLETA)
   ========================================================================== */
:root {
    /* --- Cores de Status --- */
    --custom-green: #2ecc71;        /* Sucesso / Ativo */
    --custom-dark-green: #27ae60;   /* Sucesso Escuro */
    --custom-orange: #f97316;       /* Alerta / Atenção */
    --custom-red: #e74c3c;          /* Erro / Perigo / Inativo */
    --custom-blue: #3498db;         /* Info / Neutro Informações */

    /* --- Cores Vibrantes (Estética / Destaques) --- */
    --custom-pink: #e83e8c;         /* Rosa Intenso */
    --custom-purple: #6f42c1;       /* Roxo Real */
    --custom-yellow: #f1c40f;       /* Amarelo Ouro */
    --custom-cyan: #17a2b8;         /* Ciano / Turquesa */
    --custom-indigo: #6610f2;       /* Índigo */

    /* --- Tons Pastel (Ótimos para fundos de badges/alertas) --- */
    --pastel-green: #d4edda;
    --pastel-red: #f8d7da;
    --pastel-blue: #cce5ff;
    --pastel-orange: #fff3cd;
    --pastel-pink: #f8d7ea;

    /* --- Neutros Premium (Para Dark Mode ou Textos) --- */
    --custom-dark: #1e1e24;         /* Quase preto elegante */
    --custom-dark-gray: #6c757d;         /* Cinza médio */
    --custom-gray: #b3b9be;
    --custom-light: #f8f9fa;        /* Branco gelo */
}

/* ==========================================================================
   2. CLASSES UTILITÁRIAS (TEXTO)
   ========================================================================== */
/* Status */
.text-custom-green       { color: var(--custom-green) !important; }
.text-custom-dark-green  { color: var(--custom-dark-green) !important; }
.text-custom-orange      { color: var(--custom-orange) !important; }
.text-custom-red         { color: var(--custom-red) !important; }
.text-custom-blue        { color: var(--custom-blue) !important; }

/* Vibrantes */
.text-custom-pink        { color: var(--custom-pink) !important; }
.text-custom-purple      { color: var(--custom-purple) !important; }
.text-custom-yellow      { color: var(--custom-yellow) !important; }
.text-custom-cyan        { color: var(--custom-cyan) !important; }
.text-custom-indigo      { color: var(--custom-indigo) !important; }

/* Neutros */
.text-custom-dark        { color: var(--custom-dark) !important; }
.text-custom-gray        { color: var(--custom-gray) !important; }
.text-custom-light       { color: var(--custom-light) !important; }


/* ==========================================================================
   3. CLASSES UTILITÁRIAS (BACKGROUNDS)
   ========================================================================== */
/* Status */
.bg-custom-green         { background-color: var(--custom-green) !important; }
.bg-custom-dark-green    { background-color: var(--custom-dark-green) !important; }
.bg-custom-orange        { background-color: var(--custom-orange) !important; }
.bg-custom-red           { background-color: var(--custom-red) !important; }
.bg-custom-blue          { background-color: var(--custom-blue) !important; }

/* Vibrantes */
.bg-custom-pink          { background-color: var(--custom-pink) !important; }
.bg-custom-purple        { background-color: var(--custom-purple) !important; }
.bg-custom-yellow        { background-color: var(--custom-yellow) !important; }
.bg-custom-cyan          { background-color: var(--custom-cyan) !important; }
.bg-custom-indigo        { background-color: var(--custom-indigo) !important; }

/* Tons Pastel */
.bg-pastel-green         { background-color: var(--pastel-green) !important; }
.bg-pastel-red           { background-color: var(--pastel-red) !important; }
.bg-pastel-blue          { background-color: var(--pastel-blue) !important; }
.bg-pastel-orange        { background-color: var(--pastel-orange) !important; }
.bg-pastel-pink          { background-color: var(--pastel-pink) !important; }

/* Neutros */
.bg-custom-dark          { background-color: var(--custom-dark) !important; }
.bg-custom-gray          { background-color: var(--custom-gray) !important; }
.bg-custom-light         { background-color: var(--custom-light) !important; }