/**
 * Elphup — stylesheet entry. Declares the cascade-layer order ONCE, then pulls in
 * the foundation sheets. Per-surface sheets live in the `surfaces` layer; the
 * post-login ones are injected lazily by resource-loader.js (each wraps itself in
 * `@layer surfaces { }` so it lands in the right layer regardless of inject order).
 *
 * Layer order (low → high priority): tokens < base < components < surfaces < utilities
 */
@layer tokens, base, components, surfaces, utilities;

@import url("tokens.css") layer(tokens);
@import url("base.css") layer(base);
@import url("components.css") layer(components);

/* Auth is visible before sign-in, so its surface sheet loads eagerly. */
@import url("surfaces/auth.css") layer(surfaces);