/* ==========================================================
   PILAR DIGITAL — Brand override
   Paleta: #0066CC / #1E90FF / #3CB9FF / #00E5FF / #05070C
   ========================================================== */

:root {
  --pd-bg:        #05070C;
  --pd-bg-2:      #0A0D14;
  --pd-bg-3:      #10141C;
  --pd-brand-600: #0066CC;
  --pd-brand-500: #1E90FF;
  --pd-hero:      #3CB9FF;
  --pd-signal:    #00E5FF;
  --pd-off:       #EAF6FF;
  --pd-text-on-signal: #08122D;
}

html, body { background-color: var(--pd-bg) !important; }

/* Logo square (div.bg-blue-600) -> gradient Pilar */
.bg-blue-600 { background: linear-gradient(135deg, var(--pd-brand-600) 0%, var(--pd-signal) 100%) !important; }
.bg-blue-500 { background-color: var(--pd-hero) !important; }
.bg-blue-400 { background-color: var(--pd-hero) !important; }

/* Texto azul / links */
.text-blue-600, .text-blue-500, .text-blue-400 { color: var(--pd-hero) !important; }
.border-blue-600, .border-blue-500, .border-blue-400 { border-color: var(--pd-hero) !important; }

/* Ciano / indigo → Pilar signal/hero */
.bg-cyan-400, .bg-cyan-500, .bg-cyan-600 { background-color: var(--pd-signal) !important; color: var(--pd-text-on-signal) !important; }
.text-cyan-400, .text-cyan-500, .text-cyan-600 { color: var(--pd-signal) !important; }
.bg-indigo-600, .bg-indigo-500 { background-color: var(--pd-brand-600) !important; }
.text-indigo-500, .text-indigo-600 { color: var(--pd-brand-500) !important; }

/* Stroke dos SVGs com raios/ícones (blue/cyan/indigo tailwind stroke-*) */
.stroke-blue-500, .stroke-blue-600 { stroke: var(--pd-hero) !important; }
.stroke-cyan-400, .stroke-cyan-500 { stroke: var(--pd-signal) !important; }
.fill-blue-500, .fill-blue-600 { fill: var(--pd-hero) !important; }
.fill-cyan-400, .fill-cyan-500 { fill: var(--pd-signal) !important; }

/* Botão primário branco permanece branco (alto contraste) */
.bg-white { background-color: #FFFFFF !important; }
.hover\:bg-slate-200:hover { background-color: var(--pd-off) !important; }

/* Hover azul do btn-wrapper */
.btn-wrapper:hover { background-color: var(--pd-hero) !important; }
.btn-wrapper:active { background-color: var(--pd-brand-600) !important; }

/* Bordas/rings */
.ring-blue-500, .ring-blue-600 { --tw-ring-color: var(--pd-hero) !important; }

/* Pilar logo img tamanho confortável no header */
.pd-logo-img { height: 32px; width: auto; display: block; border-radius: 6px; }
.pd-logo-img-lg { height: 40px; width: auto; display: block; border-radius: 8px; }

/* Leve brilho em elementos com "glow" azuis */
[class*="shadow-blue"] { box-shadow: 0 0 48px rgba(60,185,255,0.35) !important; }