@charset "UTF-8"; /*---------------------------------------------------------
	Template:sw
	Theme Name:sw_child
	Theme URI: http://【hoge.jp】/
	Description: 【suworks】ホームページテンプレートです。
	Author: SUWO!RKS
	Author URI: http://su-works.jp/
	Version: 1.0
---------------------------------------------------------*/

/* ==========================================================================
   CSS変数定義（デザインシステム）
   フェーズ2: 2026-01-18 追加
   ========================================================================== */

:root {
	/* テーマカラー（custom.css section 01 で案件ごとに上書き） */
	--color-primary: #a2b1bf;       /* メインテーマカラー */
	--color-primary-text: #ffffff;  /* メインカラー上の文字色 */
	--color-sub: #5c6266;           /* サブカラー（フッター・スライドメニュー等） */
	--color-sub-text: #ffffff;      /* サブカラー上の文字色 */
	--color-accent: #da3e5a;        /* アクセントカラー */
	--color-link: #1e73be;          /* リンクカラー */

	/* テキストカラー */
	--color-text-dark: #000;     /* 濃いテキスト */
	--color-text-base: #333;     /* 基本テキスト */
	--color-text-medium: #666;   /* 中間テキスト */
	--color-text-light: #999;    /* 薄いテキスト */
	--color-text-gray: #5c6266;  /* グレーテキスト */

	/* 背景・ボーダーカラー */
	--color-white: #fff;
	--color-bg-light: #f0f0f0;   /* 薄い背景 */
	--color-bg-beige: #f0ebe1;   /* ベージュ背景 */
	--color-border-light: #eee;  /* 薄いボーダー */
	--color-border: #ddd;        /* 通常ボーダー */
	--color-border-dark: #ccc;   /* 濃いボーダー */

	/* フォント設定 */
	--font-family-base: 'Noto Sans', 'Noto Sans JP', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

	/* スペーシング（余白）*/
	--spacing-xs: 4px;
	--spacing-sm: 8px;
	--spacing-md: 16px;
	--spacing-lg: 24px;
	--spacing-xl: 32px;

	/* ブレークポイント（メディアクエリ用） */
	--breakpoint-sm: 680px;
	--breakpoint-md: 960px;
	--breakpoint-lg: 1200px;
}