/* ============================================================
   MAIN — Единая точка входа в design system.

   @layer декларация задаёт строгий cascade: каждый последующий
   layer перебивает предыдущий. Файлы импортируются в любом
   порядке — реальный приоритет определяется этой строкой.

   ARCHITECTURE:
   - config:      параметрические ручки (12 знач.) — переопределяются tenant'ом
   - primitives:  низкоуровневые токены (oklch, calc) от config
   - semantic:    ролевые токены — компоненты читают только их
   - components:  стили компонентов (.button, .field, .sheet)
   - features:    фичеспецифичные стили (если их нельзя обобщить)
   - utilities:   мелкие переиспользуемые помощники (.is-hidden)
   - accessibility: WCAG-overrides, перебивают всё

   USAGE:
     <link rel="stylesheet" href="/system/main.css">
     <link rel="stylesheet" href="/tenants/tenant-${tenantId}.css">
   ============================================================ */

@layer config, primitives, semantic, components, features, utilities, accessibility;

@import url("./config.css") layer(config);
@import url("./primitives.css") layer(primitives);
@import url("./semantic.css") layer(semantic);
@import url("./components.css") layer(components);
@import url("./utilities.css") layer(utilities);
@import url("./accessibility.css") layer(accessibility);