/* ============================================================================
   G3 Controller — a MARCA. Fonte única.
   ----------------------------------------------------------------------------
   Este arquivo tem duas camadas e a separação entre elas é o design system:

     PRIMITIVOS  (`--g3-*`)  as constantes da identidade. Não mudam com tema,
                             com tela, com nada. Alterar um valor aqui exige
                             nova versão do handoff — é a cláusula de
                             governança do documento, não uma formalidade.

     SEMÂNTICOS  (nas folhas que consomem: lp.css, style.css)
                             o que cada superfície FAZ com esses valores. A
                             mesma marca vira uma paleta escura na página
                             pública e uma paleta de dois temas no produto.

   Nenhuma folha deve escrever um hex da marca direto. Quando isso acontece, a
   cor deixa de ter dono — foi assim que três hexes sem nome se espalharam por
   seis templates do app até 01/08/2026.

   Base: handoff v1.0 (docs/design/G3-Controller-Design-System-Handoff-v1.0.docx)
   ========================================================================= */

/* ------------------------------------------------------------------ fontes */
/* Self-hosted, sem CDN. Uma variável por família cobre todos os pesos — o
   Google devolve o MESMO arquivo para 400, 500 e 600, e `latin-ext` não serve
   para português. Pedir tudo custava 1,1MB; isto custa 180KB. */
@font-face{font-family:Inter;src:url(/static/fontes/inter-var.woff2) format("woff2");
  font-weight:100 900;font-display:swap;font-style:normal}
@font-face{font-family:Newsreader;src:url(/static/fontes/newsreader-var.woff2) format("woff2");
  font-weight:200 800;font-display:swap;font-style:normal}

:root{
  /* --------------------------------------------------- primitivos da marca */
  --g3-navy:#0F2C4C;          /* azul G3 — a cor principal */
  --g3-navy-fundo:#071B2E;    /* azul profundo — superfície de alta hierarquia */
  --g3-navy-poco:#04121F;     /* derivado: mais fundo que a superfície */

  /* Níveis de superfície. O handoff entrega UMA cor clara e UMA escura; uma
     interface precisa que o cartão se separe do fundo sem depender de borda.
     Medido: areia contra branco puro dá 1,06 de separação — nada. Estes dois
     derivados levam a 1,19 no claro e 1,49 no escuro, mantendo o texto acima
     de 10:1 nos dois casos.
     No claro quem recua é o FUNDO (o cartão já é branco e não sobe mais);
     no escuro quem sobe é o CARTÃO (o fundo é a cor da marca e fica). */
  --g3-areia-funda:#F5EADC;   /* fundo de tela no tema claro */
  --g3-navy-alto:#153A5E;     /* cartão no tema escuro */
  --g3-terracota:#DB6442;     /* acento */
  --g3-marfim:#F8F2E8;        /* marca reversa e texto sobre escuro */
  --g3-areia:#FEF7EE;         /* superfície clara */

  /* Terracota em TEXTO sobre superfície clara dá 3,34:1 e o handoff proíbe.
     Esta é a versão que passa AA (4,99:1). A pura continua valendo para
     preenchimento, borda, ícone e título grande. */
  --g3-terracota-txt:#B44A2C;

  /* ------------------------------------------------- cores de significado */
  /* Não são da marca — são do domínio. Ficam aqui porque valem para o produto
     inteiro e não podem divergir entre a página pública e o app.
     Enquanto a marca era verde, verde queria dizer marca E lucro ao mesmo
     tempo; com a identidade em azul, cada uma diz só uma coisa. */
  --g3-lucro:#14663D;         /* resultado positivo sobre superfície clara */
  --g3-lucro-claro:#57BC84;   /* resultado positivo sobre superfície escura */
  --g3-perda:#A8351F;         /* resultado negativo sobre superfície clara */
  --g3-perda-clara:#E0715A;   /* resultado negativo sobre superfície escura */

  /* ------------------------------------------------------------ tipografia */
  /* Dois eixos. A serif carrega autoridade de documento nos títulos e nos
     números-herói; a sans carrega a interface. O handoff recomenda Inter para
     produto — a serif é acréscimo nosso, e existe para o sistema não ler como
     mais um dashboard. */
  --g3-serif:Newsreader,"Iowan Old Style",Palatino,Georgia,serif;
  --g3-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

  /* Curva única de movimento: tudo no sistema acelera e freia igual. */
  --g3-curva:cubic-bezier(.2,.7,.3,1);
}

/* ------------------------------------------------------------------ hábitos */
/* Duas regras que valem em qualquer superfície do sistema. */

/* Dinheiro em coluna usa figuras tabulares — sem isto a coluna dança, porque
   a serif do sistema tem figuras old-style (que sobem e descem) por padrão. */
.g3-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}

/* O foco de teclado tem cor da marca e existe em toda superfície. O app
   navegado só por teclado não tinha NENHUMA regra de foco até 01/08/2026. */
:focus-visible{outline:2px solid var(--g3-terracota);outline-offset:2px}