/* ============================================
   MESTRE MULTIPOST - Custom Theme #00CFFF
   ============================================ */

/* === VARIÁVEIS CSS DE RAÍZ (SUBSTITUI O VERMELHO NO TEMA TODO) === */
:root, :root .dark, :root .light, html, body {
    --new-btn-primary: #00CFFF !important;
    --color-forth: #00CFFF !important;
    --color-custom30: #00CFFF !important;
    --new-textItemFocused: #00CFFF !important;
    --new-table-text-focused: #00CFFF !important;
}

/* === TEXTOS com cor primária === */
.text-primary,
[class~="text-primary"],
[class*="text-[#cd2628]"],
[class*="text-[#ff4f4f]"],
[class*="text-red-"],
.hover\:text-primary:hover { 
    color: #00CFFF !important; 
}

/* === BORDAS === */
.border-primary,
[class*="border-[#cd2628]"],
[class*="border-[#ff4f4f]"] { 
    border-color: #00CFFF !important; 
}
.ring-primary { 
    --tw-ring-color: #00CFFF !important; 
}

/* === BOTÕES — todos os elementos interativos e botões de ação === */
button.bg-primary,
button.\!bg-primary,
button[class*="bg-[#cd2628]"],
button[class*="bg-[#ff4f4f]"],
button[class*="bg-red-"],
a.bg-primary,
a.\!bg-primary,
a[class*="bg-[#cd2628]"],
a[class*="bg-[#ff4f4f]"],
[role="button"].bg-primary,
[role="button"][class*="bg-[#cd2628]"],
[role="button"][class*="bg-[#ff4f4f]"] {
    background-color: #00CFFF !important;
    color: #000 !important;
    border-color: #00CFFF !important;
}

/* Hover dos botões */
button:hover.bg-primary,
button:hover[class*="bg-[#cd2628]"],
button:hover[class*="bg-[#ff4f4f]"],
a:hover.bg-primary,
a:hover[class*="bg-[#cd2628]"] {
    background-color: #00B8E6 !important;
    color: #000 !important;
}

/* === ITEM ATIVO NA SIDEBAR E BADGES === */
.bg-primary:not(div):not(span),
.\!bg-primary:not(div):not(span),
[class*="bg-[#cd2628]"]:not(div):not(span),
[class*="bg-[#ff4f4f]"]:not(div):not(span) {
    background-color: #00CFFF !important;
    color: #000 !important;
}