/* Tema Rádio Adorai — site azul, letras brancas, acentos amarelos.
   Carregado depois do Tailwind compilado para sobrescrever o template original. */
:root{
  --ad-blue:#1d4ed8;
  --ad-blue-dark:#1e3a8a;
  --ad-card:#0a2555;
  --ad-card-2:#123374;
  --ad-chip:#1d4ed8;
  --ad-yellow:#ffd700;
  --ad-navy:#081737;
  --ad-white:#ffffff;
  --ad-text:#eaf1ff;
  --ad-muted:#a8c0e8;
  --ad-line:rgba(255,255,255,.16);
  --ad-line-blue:rgba(159,193,255,.32);
}

/* 0. fundo geral: azul da marca */
html{background:var(--ad-navy)!important}
body{
  background-color:#0b1f4b!important;
  background-image:linear-gradient(180deg,#081737 0%,#0b1f4b 24%,#123a8f 66%,#1d4ed8 100%)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  color:var(--ad-text)!important;
}
#root,#root>div{background:transparent!important;min-height:100vh}

/* 1. superfícies do template -> azul (nunca branco) */
[class*="bg-[#0a0a0a]"],[class*="bg-[#121212]"],
[class*="bg-zinc-9"],[class*="bg-zinc-8"],[class*="bg-slate-9"],[class*="bg-slate-8"],
[class*="bg-gray-9"],[class*="bg-gray-8"],[class*="bg-neutral-9"]{background-color:var(--ad-card)!important}
[class*="bg-slate-900/"],[class*="bg-zinc-900/"],[class*="bg-gray-900/"],[class*="bg-slate-800/"]{background-color:var(--ad-card-2)!important}
[class*="bg-blue-9"],[class*="bg-indigo-9"],[class*="bg-blue-8"]{background-color:rgba(29,78,216,.42)!important}
[class*="bg-red-9"],[class*="bg-rose-9"]{background-color:rgba(29,78,216,.42)!important}
[class*="bg-white"]{background-color:var(--ad-card-2)!important}

/* 1b. contêineres de página: transparentes para o gradiente aparecer */
[class*="min-h-screen"],main[class*="max-w-4xl"],div[class*="max-w-4xl mx-auto"],
[class*="bg-black"]:not([class*="rounded"]){background-color:transparent!important;background-image:none!important}
[class*="rounded-2xl"][class*="bg-black"],[class*="rounded-xl"][class*="bg-black"]{background-color:var(--ad-card)!important}

/* 2. texto: branco / azul-claro / amarelo */
.text-white{color:var(--ad-white)!important}
[class*="text-zinc-1"],[class*="text-zinc-2"],[class*="text-zinc-3"],
[class*="text-slate-1"],[class*="text-slate-2"],[class*="text-slate-3"],
[class*="text-gray-1"],[class*="text-gray-2"],[class*="text-gray-3"]{color:var(--ad-text)!important}
[class*="text-zinc-4"],[class*="text-zinc-5"],[class*="text-slate-4"],[class*="text-slate-5"],
[class*="text-gray-4"],[class*="text-gray-5"]{color:var(--ad-muted)!important}
[class*="text-yellow-3"],[class*="text-yellow-4"],[class*="text-amber-4"],[class*="text-amber-5"]{color:var(--ad-yellow)!important}
[class*="text-blue-1"],[class*="text-blue-2"],[class*="text-sky-2"],[class*="text-sky-3"]{color:#cfe0ff!important}
[class*="text-blue-4"],[class*="text-blue-5"],[class*="text-blue-6"]{color:#bcd4ff!important}
[class*="text-red-4"],[class*="text-red-5"],[class*="text-red-6"],[class*="text-red-7"]{color:#ffd8dc!important}
[class*="text-green-4"],[class*="text-green-5"]{color:#8ce99a!important}

/* 3. bordas, anéis e sombras */
[class*="border-zinc-7"],[class*="border-zinc-8"],[class*="border-zinc-9"],
[class*="border-gray-8"],[class*="border-slate-7"],[class*="border-slate-8"],[class*="border-white/"]{border-color:var(--ad-line)!important}
[class*="border-blue-8"],[class*="border-blue-9"],[class*="border-indigo-8"]{border-color:var(--ad-line-blue)!important}
[class*="border-red"],[class*="border-rose"]{border-color:var(--ad-blue)!important}
[class*="ring-zinc-8"],[class*="ring-zinc-7"]{--tw-ring-color:var(--ad-line)!important}
[class*="shadow-black"]{--tw-shadow-color:rgba(2,8,24,.6)!important}
[class*="rounded-2xl"][class*="shadow-2xl"],section[class*="shadow-2xl"]{box-shadow:0 18px 44px -14px rgba(2,8,24,.75)!important}
[class*="border-l-[6px]"],[class*="border-r-[6px]"]{border-left-color:rgba(255,215,0,.3)!important;border-right-color:rgba(255,215,0,.3)!important}

/* 4. gradientes do template -> degradês azuis */
[class*="from-zinc-9"],[class*="from-slate-9"],[class*="from-gray-9"],[class*="from-black"],[class*="from-neutral-9"]{--tw-gradient-from:#0a2555!important}
[class*="via-zinc-9"],[class*="via-slate-9"],[class*="via-gray-9"]{--tw-gradient-via:#0b1f4b!important}
[class*="from-blue-9"]{--tw-gradient-from:#123374!important}
[class*="via-blue-9"]{--tw-gradient-via:#0d2a63!important}
[class*="to-blue-9"],[class*="to-zinc-9"],[class*="to-slate-9"],[class*="to-gray-9"],[class*="to-black"]{--tw-gradient-to:#081737!important}

/* 5. acentos vermelhos do template -> amarelo/azul da marca */
[class*="bg-[#E63946]"],[class*="bg-[#e63946]"],[class*="bg-[#ff4d52]"]{background-color:var(--ad-blue)!important}
[class*="border-[#E63946]"],[class*="border-[#e63946]"],[class*="border-[#ff4d52]"]{border-color:var(--ad-yellow)!important}
[class*="bg-red-5"],[class*="bg-red-6"],[class*="bg-red-7"]{background-color:var(--ad-blue)!important}

/* 6. texto sobre superfície saturada (botões azuis, chips) */
[class*="bg-blue-5"],[class*="bg-blue-5"] *,
[class*="bg-blue-6"],[class*="bg-blue-6"] *,
[class*="bg-blue-7"],[class*="bg-blue-7"] *,
[class*="bg-indigo-6"],[class*="bg-indigo-6"] *,
[class*="bg-green-5"],[class*="bg-green-5"] *,
[class*="bg-green-6"],[class*="bg-green-6"] *,
[class*="bg-red-5"],[class*="bg-red-5"] *,
[class*="bg-red-6"],[class*="bg-red-6"] *{color:#fff!important}

/* 6b. amarelo: texto escuro só no próprio elemento (não vaza para botões dentro) */
[class*="bg-yellow"],[class*="bg-amber-4"],[class*="bg-[var(--reggae-yellow"]]{color:#0b1f4b!important}
[class*="bg-[var(--reggae-yellow"]]{color:#000!important;border-bottom-color:var(--ad-navy)!important}
[class*="bg-[var(--reggae-yellow"] [class*="text-red"],[class*="bg-yellow-4"] [class*="text-red"]{color:#0b1f4b!important}

/* 7. cabeçalho e rodapé */
header[class*="bg-slate-9"],header[class*="bg-zinc-9"],header[class*="bg-black"]{
  background-color:rgba(6,18,46,.94)!important;background-image:none!important;
  border-bottom-color:rgba(255,215,0,.45)!important;
}
header [class*="bg-slate-9"],header [class*="bg-zinc-9"]{background-color:var(--ad-card-2)!important}
footer{border-top-color:rgba(255,255,255,.22)!important;color:var(--ad-muted)!important}
footer .text-white,footer [class*="text-slate-3"]{color:var(--ad-text)!important}
footer [class*="text-yellow-3"],footer [class*="text-yellow-4"]{color:var(--ad-yellow)!important}

/* 8. scrollbar */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#081737}
::-webkit-scrollbar-thumb{background:var(--ad-blue);border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:var(--ad-yellow)}