/*
 * Capstone Hub stylesheet entry point.
 *
 * `stylesheet_link_tag :app` links every app/assets/**/*.css file sorted by path, so this file is
 * always first. It only fixes the cascade-layer order; every other file wraps its rules in one of
 * these layers, which makes file order irrelevant:
 *
 *   tokens      tokens.css               design tokens (docs/design/organic.css + Hub additions)
 *   base        base.css                 element defaults, focus ring, <mark>
 *   layout      layout/*.css             app shell: rail, header, auth split, tab bar, sheet, banner
 *   components  components/*.css         one file per shared component (F2, read-only for modules)
 *   pages       pages/<area>-<screen>.css  page-specific classes owned by feature modules
 *   utilities   utilities.css            single-purpose helpers (visually-hidden, stack, …)
 *
 * Breakpoints: >= 1200 desktop, >= 1024 laptop, >= 768 tablet (rail collapses to icons),
 * < 768 mobile (rail hidden, bottom tab bar, primary action in a bottom sheet).
 */
@layer tokens, base, layout, components, pages, utilities;