/* ============================================================
   STYLE.CSS — entrada principal · cascade layers + imports
   ============================================================ */

@layer reset, tokens, base, layout, components, sections, animations, polish, utilities, overrides;

@import url("./reset.css")        layer(reset);
@import url("./tokens.css")       layer(tokens);
@import url("./base.css")         layer(base);
@import url("./layout.css")       layer(layout);
@import url("./components.css")   layer(components);
@import url("./sections.css")     layer(sections);
@import url("./animations.css")   layer(animations);
@import url("./polish.css")       layer(polish);
@import url("./responsive.css")   layer(polish);

/* Utilitários e overrides ficam no fim para ter precedência */
@layer utilities {
  .visually-hidden {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .text-center { text-align: center; }
  .mt-0 { margin-top: 0 !important; }
}