/*
 * BullFrogs.gg — design tokens
 *
 * Direção "Salto e Zona" (docs/referencias/pesquisa-freefire.md): cores do escudo oficial
 * (verde, laranja, branco, preto), linguagem de HUD de Free Fire e mangá das estampas do time.
 * [confirmar] = decisão pendente do cliente.
 */
:root {
  /* Base */
  --preto:        #060a07;   /* fundo do site */
  --preto-2:      #0d150f;   /* superfícies elevadas */
  --preto-3:      #142018;   /* hover de superfícies */
  --linha:        rgba(238,242,234,.14);

  /* Cores do escudo oficial */
  --verde:        #72ba24;   /* verde do escudo: MARCA (destaques, aba atual, trilha, foco) */
  --verde-claro:  #a5e063;   /* brilho e hover sobre escuro */
  --verde-musgo:  #1c3310;   /* fundos de apoio */
  --laranja:      #ff5b00;   /* laranja do escudo (e do Free Fire): AÇÃO (botões de pedido) */
  --laranja-claro:#ff8a3d;   /* hover do botão de ação */

  /* Linha 2027 e vestuário */
  --areia:        #edd7a7;
  --areia-fundo:  #efe4c6;   /* fundo da página de HQ do vestuário */
  --marrom:       #806437;
  --ambar:        #b7821e;
  --oliva:        #47491d;

  /* Texto */
  --texto:        #eef2ea;
  --texto-suave:  #9aa895;
  --tinta:        #0a0a08;   /* texto sobre claro, verde ou laranja */

  /* Semânticos */
  --marca:        var(--verde);
  --acao:         var(--laranja);
  --foco:         var(--verde-claro);

  /* Tipografia (arquivos em fonts/, declarados em fonts.css) */
  --fonte-titulo: "Saira Extra Condensed", "Arial Narrow", Impact, sans-serif;
  --fonte-hud:    "Chakra Petch", "Archivo", system-ui, sans-serif;
  --fonte-texto:  "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonte-kana:   "Reggae One", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;

  /* Movimento */
  --ease-zona:    cubic-bezier(.65, 0, .35, 1);
  --ease-salto:   cubic-bezier(.3, 1.35, .5, 1);
  --ease-saida:   cubic-bezier(.2, .8, .2, 1);

  /* Medidas (breakpoint principal: 900px, mobile-first) */
  --gutter:       clamp(16px, 4vw, 64px);
  --header-h:     64px;
  --alvo-toque:   44px;
  --chanfro:      10px;
}