/* SeguidoresYa - tema "Neon" por cima do CSS da Hourden.

   O site e o painel da Hourden pintam tudo a partir de variaveis (--fundo,
   --a, --grad...). Este arquivo entra DEPOIS da folha deles e troca so as
   variaveis e os poucos lugares que tinham cor fixa. Quando a Hourden
   republica o CSS dela, este continua valendo, porque nao copia nada de la.

   Roxo profundo no fundo, limao como cor de acao, roxo vivo como acento.
   Botao com fundo limao leva tinta escura: degrade limao->roxo com texto
   escuro reprovaria contraste na ponta roxa, entao botao e chip sao limao
   chapado e o degrade fica para enfeite (regua de titulo, preco). */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root{
  --fundo:#120C24;
  --painel:#1A1235;
  --painel2:#231848;
  --linha:#362A63;
  --tinta:#FFFFFF;
  --texto:rgba(255,255,255,.78);
  --fraca:rgba(236,230,255,.64);
  --a:#C6FF3D;
  --b:#8B5CFF;
  --marca:#C6FF3D;
  --marca-texto:#C6FF3D;
  --marca-forte:#C6FF3D;
  --grad:linear-gradient(90deg, #C6FF3D, #8B5CFF);
  /* texto em degrade no escuro: roxo clareado para passar AA no fundo */
  --grad-texto:linear-gradient(90deg, #C6FF3D, #B9A2FF);
  --sy-ya:#C6FF3D;
  --sy-botao-tinta:#120C24;
}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    --fundo:#FFFFFF; --painel:#F7F5FF; --painel2:#EFEAFF; --linha:#E1DAF6;
    --tinta:#120C24; --texto:#463E5E; --fraca:#6B6385;
    --marca-texto:#5B2EE0; --erro:#D92D20;
    /* limao escurecido (#3F7300) e roxo (#5B2EE0): os dois passam AA no branco */
    --grad-texto:linear-gradient(90deg, #3F7300, #5B2EE0);
    --sy-ya:#5B2EE0;
  }
}
:root[data-theme="light"]{
  --fundo:#FFFFFF; --painel:#F7F5FF; --painel2:#EFEAFF; --linha:#E1DAF6;
  --tinta:#120C24; --texto:#463E5E; --fraca:#6B6385;
  --marca-texto:#5B2EE0; --erro:#D92D20;
  --grad-texto:linear-gradient(90deg, #3F7300, #5B2EE0);
  --sy-ya:#5B2EE0;
}

/* --------------------------------------------------------------- fonte -- */
body{font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
h1,h2,h3,h4,.marca{font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
h1,h2{letter-spacing:-.035em}

/* -------------------------------------------------------------- marca -- */
.marca .sy-ya{color:var(--sy-ya); font-weight:800}
.marca .mk{border-radius:8px}

/* ---------------------------------------- superficies com tinta escura -- */
/* Tudo o que a Hourden pintava com o degrade + tinta #04140A vira limao
   chapado + tinta roxa-escura. */
.btn-1,
.preco.destaque::after,
.passos li::before,
.abas-admin a.on,
.tr-passos li.agora .tr-n,
.sd-chip.on,
.pg-chips a.on,
.lado-av{background:var(--a); color:var(--sy-botao-tinta)}
.btn-1:hover{filter:brightness(1.06)}
.pd-abas a.on,.pd-num{color:var(--sy-botao-tinta)}

/* O botao de pagar/adicionar saldo: limao, a cor de acao da marca. */
.btn-pagar{background:var(--a); color:var(--sy-botao-tinta); border-color:var(--a);
  box-shadow:0 6px 18px -8px rgba(198,255,61,.55)}
.btn-addfunds .mais{background:rgba(18,12,36,.16)}

/* O "Most picked" do cartao de preco: o texto vem do CSS, entao e aqui que
   ele vira espanhol. */
.preco.destaque::after{content:"Más elegido"}

/* No claro o limao some sobre o branco como linha fina; reforca a borda. */
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]) .btn-1,
  :root:not([data-theme="dark"]) .btn-pagar{border:1px solid #A9E21F}
}
:root[data-theme="light"] .btn-1,
:root[data-theme="light"] .btn-pagar{border:1px solid #A9E21F}