/* ─────────────────────────────────────────────────────────────────────────────
   shared/styles/index.css — Entry point dos estilos compartilhados.
   Ordem importa: tokens → animations → page (default home) → base → effects.
   Cada página pode adicionar seus próprios <link> com pages/{slug}.css depois.
   ───────────────────────────────────────────────────────────────────────────── */

/* ── Layer Order Declaration ── */
@layer theme, base, components, utilities;

/* ── Theme Tokens ── */
@import "tokens/colors.css";
@import "tokens/typography.css";
@import "tokens/spacing.css";
@import "tokens/effects.css";
@import "tokens/breakpoints.css";

/* ── Animations (declarações + keyframes globais) ── */
@import "animations/animations.css";

/* ── Página padrão (home) — todas as páginas herdam dela ── */
@import "pages/home.css";

/* ── Base / Reset (declara depois pra que utilities possam vencer) ── */
@import "base/reset.css";

/* ── External Libraries (Google Fonts etc.) ── */
@import "base/externals.css";

/* ── Effects ── */
@import "effects/gradient-warp/gradient-warp.css";