/* =============================================================================
   CSS LAYER ORDER
   =============================================================================
   Controls cascade priority. Must be loaded before all other stylesheets.
   ============================================================================= */

@layer reset, base, layout, components, utilities, overrides;

/* =============================================================================
   BASE RESETS
   =============================================================================
   Foundational styles that apply globally.
   ============================================================================= */

@layer reset {
    html {
        /* Always reserve space for scrollbar to prevent layout shifts */
        scrollbar-gutter: stable;
    }
}