/* ═══════════════════════════════════════════════════════════════════
   DÜSTUR · T.C. MEVZUAT TASARIM SİSTEMİ · BUNDLED CSS
   Tek dosya import — tüm jeton, base, bileşen ve tema katmanlarını yükler.

   Cascade disiplini için CSS @layer kullanılır:
     reset → tokens → base → components → themes → utilities → overrides

   En soldaki katman en düşük öncelik; sağa doğru artar.
   ═══════════════════════════════════════════════════════════════════ */

@layer reset, fonts, tokens, base, components, themes, utilities, overrides;

/* 0) Self-hosted fonts (TR-subset · ~73% küçük) */
@layer fonts {
  @import "./fonts.css";
}

/* 1) Tokens · primitive sonra semantic */
@layer tokens {
  @import "./tokens/primitives.css";
  @import "./tokens/semantics.css";
}

/* 2) Reset */
@layer reset {
  @import "./base/reset.css";
}

/* 3) Base */
@layer base {
  @import "./base/typography.css";
  @import "./base/print.css";
}

/* 4) Components */
@layer components {
  @import "./components/badges.css";
  @import "./components/code-block.css";
  @import "./components/quote-block.css";
  @import "./components/token-card.css";
}

/* 5) Akoma Ntoso katmanı (XML render eden ürünler için) */
@layer components {
  @import "./akn/element-styles.css";
}

/* 6) Themes (light/dark/HC/reduced-motion/print) */
@layer themes {
  @import "./themes/print.css";
  @import "./themes/high-contrast.css";
  @import "./themes/reduced-motion.css";
}