/*
 * CSS cascade layer order declaration. Loaded before any other stylesheet
 * so the browser sees this ordering. Earlier = lower priority, later =
 * higher priority.
 *
 * NOTE: unlayered styles STILL WIN over anything in any declared layer
 * (per the CSS cascade layers spec), so today's unlayered app-*.css
 * component files keep behaving exactly as before. This declaration is
 * forward-looking infrastructure for when files migrate into layers:
 *
 *   syncfusion      — wrap Syncfusion's CSS so our components beat theirs
 *   components      — app-*.css component styles once they migrate
 *   app-overrides   — project-specific overrides that must beat components
 *   utilities       — u-* single-purpose classes (see /css/app-utilities.css)
 *
 * Migration pattern: when you touch a component CSS file, wrap its body in
 *   @layer components { ... }
 * When all component files are layered, move u-* utilities into
 *   @layer utilities { ... }
 * to get guaranteed override of components without source-order dependence.
 */
@layer syncfusion, components, app-overrides, utilities;