@charset "UTF-8";

/* ==========================================================================
   ANA PRI BRITO · folha raiz

   Este arquivo não tem regra própria: ele só declara a ordem.
   Cada import só pode depender do que veio antes dele.

     reset       zera o navegador, sem saber nada da marca
     variables   define os tokens
     base        veste o HTML puro com os tokens
     anima       o motor de animação, que usa os tokens de tempo
     components  peças reutilizáveis, que usam tudo acima

   O CSS da página entra depois deste arquivo, no <head> dela, para poder
   ajustar um componente sem guerra de especificidade.


   Filosofia de animação
   ---------------------
   O CSS é quem anima. Cada elemento nasce com um estado "fora" e um estado
   "dentro"; a travessia entre os dois é sempre um transition ou um
   @keyframes daqui. O GSAP não interpola propriedade nenhuma de layout: ele
   só liga e desliga a classe .is-in, troca o data-tone do <html> e escreve
   variáveis (--p, --c, --shift, --py) que o CSS consome.

   Quem pede menos movimento no sistema NÃO fica sem animação: o bloco de
   prefers-reduced-motion no fim do anima.css encurta os tempos e tira o
   deslocamento, em vez de desligar tudo. Desligar era o que fazia o site
   parecer congelado em máquina com "mostrar animações" desmarcado.
   ========================================================================== */

@import 'reset.css';
@import 'variables.css';
@import 'base.css';
@import 'anima.css';

@import 'components/ramo.css';
@import 'components/botao.css';
@import 'components/letreiro.css';
@import 'components/preloader.css';
@import 'components/header.css';
@import 'components/pilha.css';
@import 'components/footer.css';