/**
 * MetaStanza Showcase - Main CSS
 * CSS Layers + FLOCSS Architecture
 * 
 * CSS Layersの優先順位:
 * 1. foundation（最低優先度）
 * 2. layout
 * 3. component
 * 4. project
 * 5. utility（最高優先度）
 */

/* CSS Layersの宣言（順序が重要） */
@layer foundation, layout, component, project, utility;

/* Foundation Layer - 基礎となるスタイル */
@import url("foundation/_variables.css") layer(foundation);
@import url("foundation/_base.css") layer(foundation);

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

/* Component Layer - 再利用可能なコンポーネント */
@import url("object/component/_tab-container.css") layer(component);
@import url("object/component/_global-navigation.css") layer(component);


/* Project Layer - プロジェクト固有のスタイル */
@import url("object/project/_AppRoot.css") layer(project);
@import url("object/project/_CodeMirror.css") layer(project);
@import url("object/project/_ColorScheme.css") layer(project);
@import url("object/project/_StanzaPramasTab.css") layer(project);
@import url("object/project/_StanzasContainer.css") layer(project);

/* Utility Layer - ユーティリティクラス（最優先） */
/* @import url("object/utility/_text.css") layer(utility);
@import url("object/utility/_spacing.css") layer(utility); */