/* ============================================================
   NEYUM — main stylesheet entry point
   Establishes the cascade order so pages stay predictable.
   ============================================================ */

@layer reset, tokens, base, components, animations, pages, utilities;

@import url("./reset.css");
@import url("./tokens.css");
@import url("./base.css");
@import url("./components.css");
@import url("./animations.css");
@import url("./header.css");
@import url("./footer.css");

@layer utilities {
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .text-red {
    color: var(--accent-red);
  }
  .text-muted {
    color: var(--ink-muted);
  }
  .italic {
    font-style: italic;
  }
}