/* =====================================================================
   Design System — ENTRY STYLESHEET
   The ONE stylesheet every surface links first. Establishes the global
   @layer cascade order, then imports each layer's source.

   Layer order (low -> high priority):
     reset  < tokens < base < components < utilities < legacy < overrides

   Legacy files are imported per-surface (legacy-public/panel/admin.css)
   into layer(legacy) so the new design system always wins over old CSS
   without !important wars. As pages migrate, legacy imports are removed.
   ===================================================================== */

/* NOTE: for !important declarations the layer order REVERSES (earlier layer
   wins). `darkkill` is declared BEFORE `legacy` so its !important overrides
   beat legacy `!important` whites (e.g. admin.css background:#fff !important). */
@layer reset, tokens, base, components, utilities, darkkill, legacy, overrides;

@import url("tokens.css?v=10") layer(tokens);
@import url("base.css?v=4") layer(base);
@import url("components.css?v=15") layer(components);
@import url("utilities.css?v=4") layer(utilities);
@import url("theme-bridge.css?v=10") layer(overrides);
/* dark-fix.css: ép element legacy (hardcode màu sáng) về NỀN TỐI — cần cho theme tím tối. */
@import url("dark-fix.css?v=8") layer(darkkill);