/* PagNinja · tema claro/escuro (compartilhado por todas as páginas)
   O tema vem de tema.js: segue sempre o tema do sistema do usuário (sem botão de escolha).
   O DSNinja/Kojo não tem tema escuro: TODOS os valores escuros abaixo são fora do Kojo · PROPOSTA (aprovação do Design).
   Amarelo híbrido: a marca continua em amarelo (faixa, CTA final, selos, destaques); fundos neutros ficam escuros. */

/* Tokens desta camada, valores do tema claro (os semânticos do DS ficam no :root de cada página) */
:root {
  --lp-action-fill: #0E73E8; --lp-action-fill-hover: #005BDB; --lp-action-fill-pressed: #0845AD; /* fundo do botão primário: no escuro o texto de ação clareia, o botão não */
  --lp-on-brand-surface: #FFFFFF; /* peça clara sobre o amarelo (moedas, ícone): igual nos dois temas */
  --lp-logo-surface: #FFFFFF; /* selo dos logos de parceiro e bandeiras: branco nos dois temas */
  --lp-header-bg: rgba(255,255,255,.86);
  --lp-tint: rgba(18,21,28,.08);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --color-bg-default:#0F1217; --color-bg-subtle:#161A21; --color-bg-muted:#1E232C; --color-bg-inverse:#2A303B;
  --color-bg-brand:#FDE63E; --color-bg-brand-subtle:#191810; --color-bg-disabled:#1E232C;
  --color-text-heading:#F6F8FA; --color-text-default:#E3E7EB; --color-text-body:#C1CAD0; --color-text-muted:#9AA8B5;
  --color-text-disabled:#6B7A88; --color-text-inverse:#FFFFFF; --color-text-on-brand:#12151C;
  --color-border-default:#3A4250; --color-border-subtle:#232833; --color-border-input:#7D8B98; --color-border-focus:#5AA9FF;
  --color-action-primary:#5AA9FF; --color-action-primary-hover:#7DBBFF; --color-action-primary-pressed:#A6D1FF; --color-action-primary-subtle:#12263D;
  --color-feedback-positive-text:#4ADE95; --color-feedback-positive-fill:#00A854; --color-feedback-positive-bg:#0D2A1C; --color-feedback-positive-on-bg:#6FE3A8;
  --color-feedback-negative-text:#FF7A7A; --color-feedback-negative-fill:#F74343; --color-feedback-negative-bg:#3A1616; --color-feedback-negative-on-bg:#FF9A9A;
  --color-feedback-warning-text:#FFA24D; --color-feedback-warning-fill:#FF8A00; --color-feedback-warning-bg:#33240D; --color-feedback-warning-on-bg:#FFC27A;

  /* Sombra quase não aparece no escuro: o anel de 1px separa a peça do fundo (continua sendo uma sombra só, sem borda extra) */
  --lp-shadow: 0 0 0 1px #2A303B, 0 18px 40px rgba(0,0,0,.45);
  --lp-shadow-sm: 0 0 0 1px #2A303B, 0 6px 16px rgba(0,0,0,.4);
  --lp-glow-soft: rgba(253,230,62,.18);
  --lp-header-bg: rgba(15,18,23,.86);
  --lp-tint: rgba(255,255,255,.08);
}

/* Botão primário: fundo azul do DS com texto branco (contraste 4,5:1); o azul claro do tema escuro é só para texto de ação */
[data-theme="dark"] .gn-button--primary { background: var(--lp-action-fill); }
[data-theme="dark"] .gn-button--primary:hover, [data-theme="dark"] .totop:hover { background: var(--lp-action-fill-hover); }
[data-theme="dark"] .gn-button--primary:active { background: var(--lp-action-fill-pressed); }

/* Logo: versão negativa provisória (cores trocadas, desenho intacto) até o arquivo oficial · PENDENTE */
.only-dark { display: none !important; }
[data-theme="dark"] .only-light { display: none !important; }
[data-theme="dark"] .only-dark { display: block !important; }