/*
 * NOTE: `application.css` is NOT used as a "manifest" or bundling entrypoint in this app.
 *
 * We use Propshaft + `stylesheet_link_tag :app` (see `app/views/layouts/application.html.erb`) to
 * include the fingerprinted CSS assets directly. That means:
 * - Do NOT add `@import "tokens.css"` style imports here. In production, Propshaft fingerprints files
 *   (e.g. `tokens-<digest>.css`), so importing the non-fingerprinted name will 404.
 * - Prefer adding/organizing CSS as separate files under `app/assets/stylesheets/`:
 *   - `tokens.css`: design tokens (colors/spacing/typography primitives)
 *   - `base.css`: element defaults + global resets
 *   - `layout/`: app shell + structural layout
 *   - `components/`: reusable components (buttons, pills, cards, etc.)
 *   - `pages/`: page-specific overrides
 *
 * Ordering note:
 * - If you need strict cascade ordering, prefer naming conventions (so alphabetical load order matches intent),
 *   or switch to explicitly listing stylesheets in the layout instead of `:app`.
 */