/*
 * Application stylesheet — the entry point of the design system.
 *
 * Cascade layers, lowest priority first. A rule in a later layer beats any
 * rule in an earlier one regardless of selector specificity, so utilities
 * never need !important and page styles can't be clobbered by the reset.
 * Unlayered CSS (e.g. inline <style> blocks in views) still wins over all
 * layers — keep new styles inside a layer.
 *
 *   reset       normalize browser defaults
 *   vendor      third-party styles (Trix / Action Text)
 *   tokens      design tokens as custom properties — the only place raw values live
 *   base        element defaults: typography, fonts, direction
 *   layout      page-level structure (header, main regions)
 *   components  reusable pieces (.nav, .button, .field, .project-card, ...)
 *   pages       page-specific compositions (landing hero, admin, #visitor_info)
 *   utilities   single-purpose helpers (.show, .visually-hidden)
 *
 * Propshaft rewrites each url() below to its digested path.
 */
@layer reset, vendor, tokens, base, layout, components, pages, utilities;

@import url("/assets/design/reset-c209a3e3.css") layer(reset);
@import url("/assets/actiontext-e646701d.css") layer(vendor);
@import url("/assets/design/tokens-9e07fbd1.css") layer(tokens);
@import url("/assets/design/base-bc10dec7.css") layer(base);
@import url("/assets/design/layout-761ba727.css") layer(layout);
@import url("/assets/components/nav-f70384f2.css") layer(components);
@import url("/assets/components/button-7b78e8c9.css") layer(components);
@import url("/assets/components/form-e52d743c.css") layer(components);
@import url("/assets/components/flash-70d456bf.css") layer(components);
@import url("/assets/components/table-8eb7f2ea.css") layer(components);
@import url("/assets/components/project-card-017ff8ca.css") layer(components);
@import url("/assets/components/prose-6f331a5b.css") layer(components);
@import url("/assets/pages/landing-a8d50f50.css") layer(pages);
@import url("/assets/pages/admin-8bab82bd.css") layer(pages);
@import url("/assets/pages/visitor-65a66793.css") layer(pages);
@import url("/assets/design/utilities-787e3ff2.css") layer(utilities);