/* v0.3.3 - ajustes visuais + dark mode global */
html, body { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"; }
* { -webkit-tap-highlight-color: transparent; }

:root{--brand-orange:#ff6a00;--brand-purple:#6d28d9;}
.kyc-required::after{content:' *';color:#e11d48;font-weight:700;}
.kyc-invalid{border-color:#e11d48 !important; box-shadow:0 0 0 4px rgba(225,29,72,.12) !important;}

/* -----------------------------
   DARK MODE (global)
   Objetivo:
   - textos cinzas viram claros no fundo escuro
   - inputs/select/textarea ficam no padrão do "Planos (Form)"
   - sem mexer em botões (gradiente permanece)
------------------------------ */

html.dark .text-slate-700 { color: rgba(226,232,240,.92) !important; }
html.dark .text-slate-600 { color: rgba(226,232,240,.88) !important; }
html.dark .text-slate-500 { color: rgba(226,232,240,.78) !important; }
html.dark .text-slate-400 { color: rgba(226,232,240,.68) !important; }

html.dark label,
html.dark .label,
html.dark .hint,
html.dark small { color: rgba(226,232,240,.85); }

/* Inputs padrão */
html.dark input[type="text"],
html.dark input[type="email"],
html.dark input[type="password"],
html.dark input[type="number"],
html.dark input[type="tel"],
html.dark input[type="date"],
html.dark input[type="datetime-local"],
html.dark input[type="search"],
html.dark textarea,
html.dark select {
  background: rgba(2,6,23,.35) !important;         /* slate-950/35 */
  color: rgba(255,255,255,.92) !important;
  border-color: rgba(148,163,184,.30) !important;  /* slate-400/30 */
}

html.dark input::placeholder,
html.dark textarea::placeholder {
  color: rgba(148,163,184,.70) !important; /* slate-400/70 */
}

/* foco */
html.dark input:focus,
html.dark textarea:focus,
html.dark select:focus{
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(255,106,0,.12) !important;
  border-color: rgba(255,106,0,.45) !important;
}

/* bordas comuns do tailwind em dark */
html.dark .border-slate-200 { border-color: rgba(148,163,184,.25) !important; }
html.dark .border-slate-100 { border-color: rgba(148,163,184,.18) !important; }

/* cartões brancos no dark viram escuros */
html.dark .bg-white { background: rgba(2,6,23,.55) !important; } /* slate-950/55 */