@charset "UTF-8";
/* === SWELL CHILD: style.css (orchestrator) === */
/*
  Template: swell
  Theme Name: SWELL CHILD
  Description: パーツ分割 & @layer 管理（入口ファイル）
  Version: 1.3.0
*/

:root{
  /* 親が参照する変数名 → WanTrip のトークンへ橋渡し */
  --color_link: var(--wan-link);
  /* 必要なら：
     --color_main: var(--wan-accent);
     --color_main_thin: color-mix(in srgb, var(--wan-accent) 12%, white);
  */
}

/* レイヤ順の宣言（後ろほど強い） */
@layer tokens, vendor, base, layout, components, blocks, pages, utilities, migrate, print;

/* Tokens */
@import url("assets/css/0_tokens/tokens.css")        layer(tokens);
/* ダーク用トークン（:root[data-theme="dark"] で上書き） */
@import url("assets/css/0_tokens/tokens.dark.css")   layer(tokens);

/* Vendor（先に読み込み→後続の自作CSSで上書きしやすく） */
@import url("assets/css/7_vendor/plugin-acf.css")      layer(vendor);
@import url("assets/css/7_vendor/plugin-filebird.css") layer(vendor);

/* Base */
@import url("assets/css/1_base/reset.css")         layer(base);
@import url("assets/css/1_base/base.css")          layer(base);
@import url("assets/css/1_base/typography.css")    layer(base);
@import url("assets/css/1_base/forms.css")         layer(base);
@import url("assets/css/1_base/media.css")         layer(base);
@import url("assets/css/1_base/accessibility.css") layer(base);
@import url("assets/css/1_base/animation.css")     layer(base);

/* Layout */
@import url("assets/css/2_layout/container.css")   layer(layout);
@import url("assets/css/2_layout/header.css")      layer(layout);
@import url("assets/css/2_layout/footer.css")      layer(layout);

/* Components */
@import url("assets/css/3_components/button.css")        layer(components);
@import url("assets/css/3_components/card.css")          layer(components);
@import url("assets/css/3_components/tabs.css")          layer(components);
@import url("assets/css/3_components/breadcrumb.css")    layer(components);
@import url("assets/css/3_components/rating.css")        layer(components);
@import url("assets/css/3_components/section.css")       layer(components);
@import url("assets/css/3_components/icons.css")         layer(components);
@import url("assets/css/3_components/boxes.css")         layer(components);
@import url("assets/css/3_components/gallery.css")       layer(components);
@import url("assets/css/3_components/modal-gallery.css") layer(components);
@import url("assets/css/3_components/location.css") layer(components);

/* Blocks（GutenbergやSWELLのブロック調整） */
@import url("assets/css/4_blocks/swell-overrides.css") layer(blocks);

/* Pages */
@import url("assets/css/5_pages/single-stay.css")   layer(pages);
@import url("assets/css/5_pages/home.css")          layer(pages);

/* Utilities（小技系。最後寄りに置くと即時上書きが効く） */
@import url("assets/css/6_utilities/spacing.css")   layer(utilities);
@import url("assets/css/6_utilities/display.css")   layer(utilities);

/* Print */
@import url("assets/css/print.css")                 layer(print);

/* 最終上書き（親テーマより強い）：migrate 層に集約 */
@import url("assets/css/9_migrate/legacy.css")      layer(migrate);

/* …既存の @import 群の最後に追加（layer(...) を絶対に付けない） */
@import url("assets/css/9_migrate/force.css");

/* ※基本は使わない：緊急ワンオフでだけ使う最終手段
@layer wan-last {
  #header { background: var(--wan-bg) !important; }
}
*/