/*
 * DARK GYM stylesheet entry point (linked once from index.html).
 *
 * Cascade layers make the order explicit and independent of selector specificity:
 *   tokens < base < layout < components < pages < print
 * Feature pages own public/styles/pages/<feature>.css; they live in the `pages` layer so they can extend the
 * UI kit without specificity contests. No external fonts, no <style> elements, no inline styles.
 */
@layer tokens, base, layout, components, pages, print;

@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("pages/auth.css") layer(pages);
@import url("pages/dashboard.css") layer(pages);
@import url("pages/members.css") layer(pages);
@import url("pages/subscriptions.css") layer(pages);
@import url("pages/attendance.css") layer(pages);
@import url("pages/payments.css") layer(pages);
@import url("pages/finance.css") layer(pages);
@import url("pages/reports.css") layer(pages);
@import url("pages/backup.css") layer(pages);
@import url("pages/settings.css") layer(pages);
@import url("pages/schedule.css") layer(pages);
@import url("pages/site.css") layer(pages);
@import url("pages/audit.css") layer(pages);
@import url("pages/desk.css") layer(pages);
@import url("pages/website.css") layer(pages);

@import url("print.css") layer(print);