/* ============================================================
   Diwalli — estilo da LP trazido pro site (skin escuro).
   Carregar DEPOIS do <style> inline de cada página:
     <link rel="stylesheet" href="/site/css/site-ui.css">
   As páginas do /site/ já usam os mesmos nomes de token (--page,
   --surface, --t-900, ...). Aqui só reescrevemos os VALORES pro
   tema escuro da home e aplicamos o capricho (eyebrow pill,
   gradiente, menu/rodapé, glow nos cards de destaque).
   ============================================================ */
:root{
  --page:#03060E; --surface:#0e1430; --surface-2:#070c20;
  --border:#1e2748; --border-strong:#2a3760;
  --t-900:#EAF2FF; --t-700:#C7D5E8; --t-600:#9FB0CC; --t-500:#7E8DA8; --t-400:#5E6C88;
  --indigo-600:#4f46e5; --indigo-500:#6366F1; --indigo-700:#818CF8;
  --emerald:#34D399; --emerald-text:#6ee7b7; --emerald-dot:#34D399;
  --rose:#F87171; --amber:#fbbf24; --amber-text:#fcd34d;
  --cyan:#38BDF8;
}

/* eyebrow → pill ciano (igual à LP) */
.eyebrow{display:inline-block;font-family:var(--mono),"JetBrains Mono",monospace;font-weight:700!important;letter-spacing:.09em!important;color:#9fd5ff!important;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.32);padding:5px 12px;border-radius:999px;font-size:.78rem!important}

/* destaque em gradiente (quando a página usar <span class="hi">) */
.hi{background:linear-gradient(110deg,#9FD8FF,#38BDF8 55%,#2BA6FF);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(43,166,255,.4))}

/* header / menu — versão escura */
header.scrolled{background:rgba(3,6,14,.82)!important;border-bottom-color:var(--border)!important}
header.open .navlinks{background:rgba(7,12,32,.97)!important;border-bottom-color:var(--border)!important}
.navlinks a:hover,.navactions .enter:hover{color:#fff!important}
.brand .logo,.logo{box-shadow:0 6px 16px -6px rgba(79,70,229,.6)}

/* botões */
.btn-primary:hover{background:#4338ca}
.btn-ghost{background:rgba(255,255,255,.06)!important;border-color:var(--border)!important;color:#fff!important}
.btn-ghost:hover{background:rgba(255,255,255,.12)!important}

/* cards de destaque ganham leve glow ciano (vencedor / creditado) */
.cmp.win,.pcard.credit,.pcard.win,.card.win{box-shadow:0 0 0 1px rgba(56,189,248,.14),0 24px 50px -28px rgba(43,166,255,.32)!important}

/* rodapé no tom mais escuro */
footer{background:var(--surface-2)!important;border-top-color:var(--border)!important}

/* inputs/seleções, se houver, ficam escuros */
input,select,textarea{background:#070c20;border-color:var(--border);color:var(--t-900)}
input::placeholder,textarea::placeholder{color:var(--t-500)}