/*
 * Global stylesheet entrypoint
 *
 * Layer order: tokens → base → utilities → components → overrides
 * - tokens: CSS variables, palettes, sizing scales.
 * - base: element defaults, typography, global a11y (focus/scroll).
 * - utilities: layout helpers (.container, .row, etc.).
 * - components: per-component styles. All responsive and
 *   prefers-reduced-motion rules live in their respective
 *   files under /styles/components/.
 * - overrides: small one-off fixes (prefer changing source component first).
 */
@layer tokens, base, utilities, components, overrides;
@import url("/styles/tokens.css") layer(tokens);
@import url("/styles/base.css") layer(base);
@import url("/styles/utilities.css") layer(utilities);
@import url("/styles/components/header.css") layer(components);
@import url("/styles/components/hero.css") layer(components);
@import url("/styles/components/billboard.css") layer(components);
@import url("/styles/components/strip.css") layer(components);
@import url("/styles/components/reviews-rotator.css") layer(components);
@import url("/styles/components/cards.css") layer(components);
@import url("/styles/components/utilbar.css") layer(components);
@import url("/styles/components/buttons.css") layer(components);
@import url("/styles/components/forms.css") layer(components);
@import url("/styles/components/makers-note.css") layer(components);
@import url("/styles/components/page-header.css") layer(components);
@import url("/styles/components/about-page.css") layer(components);
@import url("/styles/components/support-tabs.css") layer(components);
@import url("/styles/components/resources.css") layer(components);
@import url("/styles/components/blog.css") layer(components);
@import url("/styles/components/legal.css") layer(components);
@import url("/styles/components/footer.css") layer(components);
@import url("/styles/components/apps.css") layer(components);
@import url("/styles/overrides.css") layer(overrides);