@charset "UTF-8";

/* ==========================================================================
   Main Stylesheet - すべてのスタイルシートをインポート
   ========================================================================== */

@layer base, layout, components, unique;

/* Google Fonts - Noto Sans JP */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap");

/* CSS Variables - デザイントークン・設定値
   すべてのレイヤーで利用するためレイヤー外に配置 */
@import url("./variables.css");

/* Base Styles - リセットCSS、基本スタイル */
@import url("./base.css") layer(base);

/* Layout Styles - レイアウト関連 */
@import url("./layout.css") layer(layout);

/* Block Module Styles - ブロックモジュール（bl_） */
@import url("./block.css") layer(components);

/* Element Module Styles - エレメントモジュール（el_） */
@import url("./element.css") layer(components);

/* Editor Styles - CMSエディタコンテンツ用スタイル */
@import url("./editor.css") layer(components);

/* Editor Legacy Styles - リニューアル前スタイル */
@import url("./editor-legacy.css") layer(components);

/* Unique Styles - ページ固有のスタイル */
@import url("./unique.css") layer(unique);

/* Helper Class Styles - ヘルパークラス（hp_）
   レイヤー外に配置し、常に最優先で適用 */
@import url("./helper.css");