/*
 * Holocron Rating Index — Design System v2
 * Dark theme, holocron crystal aesthetic.
 *
 * This file is the entry point. It declares cascade layers in order
 * of precedence (lowest → highest) and imports each module into the
 * appropriate layer. Native CSS @layer guarantees that:
 *   - tokens     : :root design tokens (colors, type scale, spacing, radii)
 *   - base       : @font-face fallbacks, reset, body, focus-visible baseline
 *   - layout     : .content-area, body grid, page envelope
 *   - components : reusable primitives (nav, footer, typography, search,
 *                  badges, dialogs, feedback, pagination, tooltips)
 *   - pages      : page-scoped rules (rankings, profile, teams, etc.)
 *   - utilities  : v3 trust overlays, centralized media-query overrides
 *
 * Later layers override earlier layers regardless of specificity, so
 * media queries in utilities/responsive.css win over page rules even
 * when their selectors are less specific. Rules outside any layer
 * (legacy inline <style> tags, third-party CSS) still win over
 * everything in this file — that's a deliberate escape hatch.
 *
 * Propshaft (Rails 8) rewrites url() in @import to digested asset
 * paths, so each module is independently fingerprinted and served
 * with long Cache-Control. HTTP/2 multiplexes the cascading fetches.
 */

@layer tokens, base, layout, components, pages, utilities;

/* ---------- tokens ---------- */
@import url("/assets/design/tokens-dfb74e64.css") layer(tokens);

/* ---------- base ---------- */
@import url("/assets/design/fonts-ca1c0967.css") layer(base);
@import url("/assets/design/base-baa294e6.css") layer(base);

/* ---------- layout ---------- */
@import url("/assets/design/layout-13489474.css") layer(layout);

/* ---------- components ---------- */
@import url("/assets/components/nav-a7d07407.css") layer(components);
@import url("/assets/components/footer-2badc5aa.css") layer(components);
@import url("/assets/components/typography-9bf5b598.css") layer(components);
@import url("/assets/components/search-1e9047a2.css") layer(components);
@import url("/assets/components/badges-6fe71caa.css") layer(components);
@import url("/assets/components/avatar-00660519.css") layer(components);
@import url("/assets/vendor/cropper-182093c3.css") layer(components);
/* Lexxy editor chrome — Basecamp's rich-text editor. The gem ships
   lexxy.css (editor + content + CSS variables bundle) at its asset
   path; propshaft resolves it transparently. Imported into the
   components layer so page-scoped tweaks (theme tint on the editor
   border, etc.) can override from the pages layer.

   components/lexxy.css follows IMMEDIATELY AFTER so HRI's variable
   rebindings + element-level theme overrides win against the gem's
   light defaults without specificity wars. Mirror block lives in
   public/avo-assets/avo-overrides.css (Avo loads its own static
   stylesheet, not the asset pipeline). */
@import url("/assets/lexxy-8e356e01.css") layer(components);
@import url("/assets/components/lexxy-9106e6b5.css") layer(components);
@import url("/assets/components/pagination-3bc6b72e.css") layer(components);
@import url("/assets/components/dialogs-f36edc7f.css") layer(components);
@import url("/assets/components/feedback-ac864d73.css") layer(components);
@import url("/assets/components/tooltips-4d7dcfc8.css") layer(components);
@import url("/assets/components/combobox-63fcf978.css") layer(components);

/* ---------- pages ---------- */
@import url("/assets/pages/rankings-dfb43035.css") layer(pages);
@import url("/assets/pages/tournaments-6ff6ec53.css") layer(pages);
@import url("/assets/pages/profile-3f50ff00.css") layer(pages);
@import url("/assets/pages/audit-59dfe534.css") layer(pages);
@import url("/assets/pages/about-5a41e788.css") layer(pages);
@import url("/assets/pages/changelog-5ee44b80.css") layer(pages);
@import url("/assets/pages/auth-27d0e7d2.css") layer(pages);
@import url("/assets/pages/projector-0c9960aa.css") layer(pages);
@import url("/assets/pages/teams-d63fc2f3.css") layer(pages);
@import url("/assets/pages/claims-16faa08a.css") layer(pages);
@import url("/assets/pages/me_account-016474e0.css") layer(pages);

/* ---------- utilities ---------- */
@import url("/assets/utilities/v3-trust-1f1b3123.css") layer(utilities);
@import url("/assets/utilities/responsive-f7e22071.css") layer(utilities);