/* ===== NON-CRITICAL CSS ===== */
/* クリティカルCSSで既に定義されているスタイルは除外 */

/* Base Styles - クリティカルでない部分のみ */
@import url("base/_links.css");

/* Layout Styles - クリティカルでない部分のみ */
@import url("layout/_main.css");
@import url("layout/_sidebar.css");
@import url("layout/_footer.css");

/* Component Styles */
@import url("components/_buttons.css");
@import url("components/_cards.css");
@import url("components/_tags.css");
@import url("components/_tables.css");
@import url("components/_forms.css");
@import url("components/_pagination.css");

/* Page Specific Styles */
@import url("pages/_archive.css");
@import url("pages/_error.css");

/* Utility Styles */
@import url("utilities/_theme-toggle.css");
@import url("utilities/_wordpress.css");
@import url("utilities/_misc.css");

/* Responsive Styles */
@import url("responsive/_mobile.css");

/* CLS改善用スタイル */
@import url("utilities/_cls-fix.css");

/* ===== ダークモード時の追加調整 ===== */
@media (prefers-color-scheme: dark) {
  /* ダークモード時の背景色調整 */
  .category-list::before,
  .recent-posts::before {
    background-color: #2a2a2a !important;
  }

  .footer-category-section {
    background-color: #2a2a2a !important;
  }
}