/* =====================================================================
   FINZAP DESIGN SYSTEM — ENTRADA PÚBLICA

   A segunda porta do MESMO sistema, e não um segundo sistema.

   `finzap.css` carrega as 25 folhas do produto inteiro. As três páginas
   públicas — landing, termos e privacidade — usam sete delas. As outras
   dezoito não têm um único seletor capaz de casar a marcação pública:
   `investimentos.css` desenha carteira, `nav.css` desenha o trilho da
   sidebar, `auth.css` desenha o formulário de acesso. Nenhuma dessas
   coisas existe do lado de fora.

   Medido: 26 requisições de CSS viram 8, e 98,2 kB comprimidos viram
   30,4 kB. Em rede 4G simulada com CPU 4× mais lenta, o LCP cai de
   1 664 ms para cerca de 1 120 ms com brotli.

   ---------------------------------------------------------------------
   ISTO É UMA LISTA, NUNCA UM PACOTE.

   Nenhuma regra é copiada para cá. Nenhum token é recortado. Cada arquivo
   abaixo é o MESMO arquivo que `finzap.css` importa — se `button.css`
   mudar, muda para os dois lados no mesmo instante.

   A tentação de "extrair só os tokens que a landing usa" existe e é
   errada: criaria a segunda autoridade sobre cor e espaço, que é
   exatamente o defeito que o design system inteiro existe para não ter.
   `02-tokens.css` entra inteiro, com os 30 kB dele — e brotli cobra 9,2.

   ---------------------------------------------------------------------
   AS SEIS CAMADAS SÃO DECLARADAS, mesmo sem `layout` e `utilities`
   chegarem a ser preenchidas.

   Declarar quatro aqui e seis lá criaria dois sistemas de especificidade
   com os mesmos nomes: uma regra de `components` que vence uma de `base`
   numa entrada poderia perder na outra. A ordem é a fonte da cascata, e
   ela precisa ser idêntica nas duas portas — as camadas vazias não custam
   um byte de rede e garantem isso.

   ---------------------------------------------------------------------
   QUEM CARREGA ESTA FOLHA: landing.html, termos.html, privacidade.html.
   Nenhuma tela do app. Há teste que afirma as duas metades disso.

   E `finzap.css` NÃO PERDEU NADA. Nenhum import foi removido de lá; esta
   folha é um caminho paralelo, não um recorte. É o que torna o rollback
   uma troca de três `href`.
   ===================================================================== */

@layer reset, tokens, base, layout, components, utilities;

@import url("00-fonts.css");
@import url("01-reset.css")      layer(reset);
@import url("02-tokens.css")     layer(tokens);
@import url("03-base.css")       layer(base);

/* Três componentes, e a razão de cada um:
     brand    a marca aparece na barra e no rodapé das três páginas
     button   os CTAs e os links de ação
     landing  a composição das três páginas, inclusive `.fz-doc` dos
              institucionais — termos e privacidade compartilham a barra
              e o rodapé com a landing, e é aqui que eles moram */
@import url("components/brand.css")   layer(components);
@import url("components/button.css")  layer(components);
@import url("components/landing.css") layer(components);