/**
 * 全ページ共通トークン（--ds-* CSS変数）
 *
 * WHY: front.css 冒頭にあった :root ブロックを、値・コメントを変えずに
 *      切り出したもの。front.css は is_front_page() でのみ読み込むが、
 *      ブログ下層ページ（一覧・カテゴリアーカイブ・記事詳細）でも同じ
 *      配色・余白トークンを使うため、全ページ共通で読み込める独立ファイル
 *      にする（functions.php 側で front.css より先に読ませる）。
 */

:root {
	--ds-brand: #EE7800;        /* ダスキンオレンジ */
	--ds-brand-dark: #D66A00;   /* ホバー等 */
	--ds-fg: #1A1A1A;           /* 見出し */
	--ds-fg-soft: #555555;      /* 本文 */
	--ds-line: #E5E5E5;         /* 区切り線 */
	--ds-bg-soft: #F7F7F7;      /* 薄いグレー背景 */
	/*
	 * セクション背景の使い分け（2026-08-23 に方針を明文化。ここが唯一の定義元）
	 *
	 * - 暖色（--ds-bg-warm）= 面で受け止めるセクション。
	 *   FV / サービスメニュー・料金 / 事前見積り / オンラインショップ / 対応エリア / お問い合わせ
	 * - 白（--ds-page-bg。指定なしで既定）= 読ませるセクション。
	 *   料金サマリー帯 / 施工場所 / キャンペーン / お悩み / 選ばれる理由 / ご利用の流れ /
	 *   施工事例 / よくある質問 / 店舗情報 / ブログ
	 *
	 * WHY: 塗り分けの基準が言語化されておらず、セクションを足すときにどちらを使うか
	 *      判断できなかった（複数のセッションが並行してこのテーマを触るため、
	 *      基準がないと同じ色に別トークンが増える）。実際 2026-08-23 まで
	 *      セクション 8 だけが別トークン --ds-bg-section-warm (#FFF9F2) を使い、
	 *      --ds-bg-warm (#FFF8F2) との差は 1 で肉眼では区別できないまま二重管理に
	 *      なっていたため、--ds-bg-warm へ一本化してトークンを削除した。
	 */
	--ds-bg-warm: #FFF8F2;      /* 暖色セクション地。style.css の palette8 と同値（2026-08-17 に #FDF6EF から統一）*/
	--ds-container: 1280px;     /* コンテナ幅（セクションの外枠。Kadence 側の設定に合わせる） */
	--ds-content: 1000px;       /* コンテンツ幅（読み物として幅を絞る内側ブロック用） */

	/* WHY: 08セクション（ポップ版）専用トークン。既存の --ds-* は変更せず追加のみ。 */
	--ds-bg-ticket:       #FFF3E3;   /* 料金チケットの地色 */
	--ds-line-warm:       rgba(238, 120, 0, .18);  /* カードの暖色枠線 */

	/*
	 * WHY (2026-08-14): 「全体がくすんで暗い／モックより暗い」という指摘への対応。
	 *      原因は2つ。(1) Kadence のグローバルパレットが初期値（青系）のままで、
	 *      ページ地 #F7FAFC・本文 #2D3748 が青みを帯び、暖色オレンジと打ち消し合う。
	 *      (2) 白文字ボタンの WCAG 1.4.3 通常文字 4.5:1 を満たすため CTA を
	 *      #B85A00 まで暗くしていた（モックは #FC5210）。
	 *      既存の --ds-brand 系は C-3 / C-4（DSK-043 / DSK-044）の凍結範囲へ
	 *      波及するため変更せず、新トークンを追加して非凍結セクションのみ差し替える。
	 *      裁定後にセクション 4・8 も統一する。
	 */
	--ds-cta-surface:     #FC5210;   /* モック実測色。白文字 3.31:1 = 大きい文字(bold19px以上)基準 3:1 を満たす */
	--ds-cta-surface-hover: #E84A00; /* 白文字 3.88:1 */
	--ds-cta-ink:         #D63F00;   /* 小さい文字用。白文字/白地とも 4.60:1 = 通常文字基準 4.5:1 を満たす。
	                                    2026-08-16: 白地に載るテキストの --ds-brand（#EE7800 / 2.87:1）を
	                                    非凍結セクション（FV・03・13・15・17）でここへ置換。04・08 は C-3/C-4 裁定後 */
	--ds-cta-ink-hover:   #C84B00;   /* 白文字 4.71:1 */
	--ds-page-bg:         #FFFFFF;   /* ページ地。Kadence 初期値 #F7FAFC の青みを打ち消す */
	--ds-fg-body:         #333333;   /* 本文。白地 12.63:1 */
	--ds-line-neutral:    #E0E0E0;   /* カード境界（装飾用途） */
	--ds-control-line:    #8A8A8A;   /* 入力・操作境界。白地 3.45:1 */

	/*
	 * WHY (2026-08-17): デザイン批評で「見出し下余白が 8px と 70px の二値」「文字サイズ 20 種」
	 *      「角丸 10 種」と指摘され、Codex 監査で段階移行が確定した。第 1 段として
	 *      spacing / type / radius をトークン化する。19px は白文字 CTA（#FC5210・3.31:1）が
	 *      WCAG 1.4.3「大きい文字」基準を満たすための下限で、一般スケール外の例外として持つ。
	 *      値の一括置換はしない（次回、用途別に棚卸ししてから移行）。
	 */
	--ds-space-heading-sub:     8px;    /* 見出し → サブ見出し */
	--ds-space-heading-content: 40px;   /* 見出しブロック → 本文（SP は 32px） */
	--ds-font-xs:   12px;   /* PC の極小注記のみ。SP 本文には使わない */
	--ds-font-sm:   14px;   /* 補助情報・短いラベル・注記 */
	--ds-font-base: 16px;   /* 説明文・リード・カード本文の下限 */
	--ds-font-md:   18px;
	--ds-font-lg:   20px;
	--ds-font-xl:   24px;   /* セクション見出し SP */
	--ds-font-2xl:  32px;   /* セクション見出し PC 上限 / h1 SP */
	--ds-font-3xl:  48px;   /* h1 PC 上限 */
	--ds-font-cta:  19px;   /* CTA 下限（コントラスト例外） */
	--ds-radius-sm:   4px;    /* フォーム・タグ・小さな枠 */
	--ds-radius-md:   8px;    /* ボタン・操作要素 */
	--ds-radius-lg:   16px;   /* カード・写真枠 */
	--ds-radius-pill: 999px;  /* バッジ・カプセル。真円は 50% のまま */

	/*
	 * WHY (2026-08-23): 日本語書体が未指定（`-apple-system, system-ui` 頼み）で、
	 *      閲覧環境ごとに当たる書体が変わっていた。マスコット・角丸・「ポップ版」の
	 *      方向性に合わせ、見出しを丸ゴシック（M PLUS Rounded 1c）にする。
	 *      本文を Noto Sans JP に分けるのは、丸ゴシックは長文の可読性が落ちるため。
	 * WHY: フォールバックに Hiragino Maru Gothic ProN を先に置くのは、Web フォントの
	 *      読み込み前・読み込み失敗時に macOS/iOS で丸ゴシックのまま代替させるため。
	 *      Windows には丸ゴシックの標準搭載がないため、そこは通常のゴシックへ落ちる。
	 */
	--ds-font-family-heading: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4", "Yu Gothic", "Meiryo", sans-serif;
	--ds-font-family-base: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;

	/*
	 * NOTE: Kadence のグローバルパレット（--global-palette1..9）と body の
	 *      背景・文字色は style.css で全ページ共通に上書きしている。
	 *      front.css はフロントページ限定で読み込まれるため、ここで palette を
	 *      再定義するとトップだけ他ページと変数の意味が食い違う。ここでは定義しない。
	 */
}