/* =============================================================================
   GelaFit White Label — tokens de tematizacao
   -----------------------------------------------------------------------------
   Cada variavel abaixo esta com o VALOR ATUAL do GelaFit GO. Enquanto o
   styles.css nao referenciar essas variaveis, este arquivo e 100% inerte:
   ele apenas declara custom properties que ninguem usa.

   A migracao acontece em passos: cada propriedade do styles.css troca o
   literal por  var(--wl-xxx, <mesmo literal>)  — o fallback garante que,
   mesmo sem este arquivo, o GO renderiza identico.

   Regra: SO entram aqui cores de IDENTIDADE DE MARCA (verde da marca,
   fundos, textos, botao principal). Vermelho de erro, azul, ambar e o
   verde-esmeralda de "pagamento aprovado" continuam fixos no styles.css —
   nao mudam por licenciado. Ver WHITELABEL.md.
   ========================================================================== */

:root {
  /* ---- Marca / acento (familia verde-lima do GelaFit) ---- */
  --wl-accent: #22c55e;          /* verde canonico da marca (green-500) */
  --wl-accent-strong: #7ee467;   /* verde vivo de destaque / links em telas internas */
  --wl-accent-soft: #86efac;     /* verde claro para texto e icones sobre fundo escuro */
  --wl-accent-400: #4ade80;      /* topo do gradiente de botao */
  --wl-accent-deep: #65d84f;     /* verde do gradiente de acoes secundarias */
  --wl-accent-contrast: #07130a; /* texto/icone escuro colocado SOBRE preenchimento de acento */

  /* ---- Fundos ---- */
  --wl-bg: #0b1117;              /* base da pagina */
  --wl-bg-2: #070d11;            /* fundo mais profundo (telas internas, rodape, near-blacks) */

  /* ---- Superficies (paineis, abas, botoes secundarios) ---- */
  --wl-surface: #111827;         /* fundo de aba / botao secundario / cartoes chapados */
  --wl-surface-2: #1f2937;       /* superficie um degrau acima */
  --wl-chip: #f8fafc;            /* chip claro (aba ativa base, selos) */
  --wl-chip-ink: #111827;        /* texto escuro sobre o chip claro */

  /* ---- Texto ---- */
  --wl-text: #f8fafc;           /* texto principal */
  --wl-text-2: #cbd5e1;         /* texto secundario */
  --wl-text-muted: #94a3b8;     /* texto de apoio / labels */
  --wl-text-dim: #64748b;       /* texto discreto / rodape */

  /* O botao principal (CTA) usa linear-gradient(180deg, --wl-accent-400, --wl-accent)
     e texto --wl-accent-contrast — nao tem slot proprio. */

  /* ---- Chrome do navegador ---- */
  --wl-theme-color: #070d11;    /* <meta name="theme-color"> */
}