/*
Theme Name: JWC Theme
Theme URI: https://ivf.thai-medical.info/
Author: J Web Creation Co., Ltd.（株式会社ジェイ・ウェブ・クリエイション）
Author URI: https://ivf.thai-medical.info/
Description: ivf.thai-medical.info 専用の完全オリジナル・ブロックテーマ（FSE）。案1b「温かみのある家族調」。全デザイントークンは output/design/jwc-tokens.css を写像。Brooklyn+WPBakery からの移行 PoC（Phase T）。
Version: 0.6.0
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jwc-theme
Tags: full-site-editing, block-patterns, custom-colors, custom-menu, translation-ready
*/

/*
 * ▼ このファイルの役割
 *   ブロックテーマの見た目の大半は theme.json が生成する（--wp--preset--* / --wp--custom--*）。
 *   style.css はテーマ識別ヘッダーに加え、以下2点のみを担う:
 *     1) 既存CSS資産（jwc-design.css 等）の温存のための --jwc-* 互換変数の並行定義。
 *        値は jwc-tokens.css と一致。将来 --jwc-* 参照を撤去したら、この :root ブロックごと削除可。
 *     2) theme.json では届かない微調整（ブロックスタイルの CSS は assets/css/jwc-blocks.css 側）。
 *   ※ 直値ハードコードはこの :root 互換ブロックに限定する（原本は jwc-tokens.css）。
 */

:root {
	/* ---- 互換: --jwc-* を --wp--preset--* / --wp--custom--* に写像（単一の値源は theme.json） ---- */
	/* 色: アクセント */
	--jwc-accent:          var(--wp--preset--color--accent);
	--jwc-accent-strong:   var(--wp--preset--color--accent-strong);
	/* 色: テキスト */
	--jwc-ink:             var(--wp--preset--color--ink);
	--jwc-ink-body:        var(--wp--preset--color--ink-body);
	--jwc-text-muted:      var(--wp--preset--color--text-muted);
	--jwc-text-soft:       var(--wp--preset--color--text-soft);
	--jwc-text-nav:        var(--wp--preset--color--text-nav);
	/* 色: グリーン */
	--jwc-green:           var(--wp--preset--color--green);
	--jwc-green-bg:        var(--wp--preset--color--green-bg);
	/* 色: 面・地色 */
	--jwc-cream:           var(--wp--preset--color--cream);
	--jwc-peach-bg:        var(--wp--preset--color--peach-bg);
	--jwc-white:           var(--wp--preset--color--white);
	--jwc-canvas:          var(--wp--preset--color--canvas);
	/* 色: 濃色セクション */
	--jwc-dark:            var(--wp--preset--color--dark);
	--jwc-footer:          var(--wp--preset--color--footer);
	--jwc-footer-text:     var(--wp--preset--color--footer-text);
	--jwc-on-dark-muted:   var(--wp--preset--color--on-dark-muted);
	--jwc-on-dark-soft:    var(--wp--preset--color--on-dark-soft);
	/* 色: 罫・境界 */
	--jwc-border-outline:      var(--wp--preset--color--border-outline);
	--jwc-border-outline-dark: var(--wp--preset--color--border-outline-dark);
	--jwc-step-arrow:          var(--wp--preset--color--step-arrow);
	/* グラデーション */
	--jwc-gradient-warm:   var(--wp--preset--gradient--warm);

	/* フォント */
	--jwc-font-heading: var(--wp--preset--font-family--heading);
	--jwc-font-body:    var(--wp--preset--font-family--body);
	--jwc-fw-body:      var(--wp--custom--font-weight--body);
	--jwc-fw-medium:    var(--wp--custom--font-weight--medium);
	--jwc-fw-bold:      var(--wp--custom--font-weight--bold);

	/* 文字サイズ */
	--jwc-fs-h1:    var(--wp--preset--font-size--h1);
	--jwc-fs-h2:    var(--wp--preset--font-size--h2);
	--jwc-fs-h3:    var(--wp--preset--font-size--h3);
	--jwc-fs-lead:  var(--wp--preset--font-size--lead);
	--jwc-fs-body:  var(--wp--preset--font-size--body);
	--jwc-fs-small: var(--wp--preset--font-size--small);

	/* 行間 */
	--jwc-lh-heading: var(--wp--custom--line-height--heading);
	--jwc-lh-body:    var(--wp--custom--line-height--body);
	--jwc-lh-tight:   var(--wp--custom--line-height--tight);

	/* 角丸 */
	--jwc-radius-pill:    var(--wp--custom--radius--pill);
	--jwc-radius-section: var(--wp--custom--radius--section);
	--jwc-radius-lg:      var(--wp--custom--radius--lg);
	--jwc-radius-card:    var(--wp--custom--radius--card);
	--jwc-radius-md:      var(--wp--custom--radius--md);
	--jwc-radius-sm:      var(--wp--custom--radius--sm);

	/* 影 */
	--jwc-shadow-card: var(--wp--custom--shadow--card);
	--jwc-shadow-btn:  var(--wp--custom--shadow--btn);
	--jwc-shadow-soft: var(--wp--custom--shadow--soft);

	/* 余白スケール */
	--jwc-space-1: var(--wp--preset--spacing--10);
	--jwc-space-2: var(--wp--preset--spacing--20);
	--jwc-space-3: var(--wp--preset--spacing--30);
	--jwc-space-4: var(--wp--preset--spacing--40);
	--jwc-space-5: var(--wp--preset--spacing--50);
	--jwc-space-6: var(--wp--preset--spacing--60);
	--jwc-space-7: var(--wp--preset--spacing--70);

	/* ステップ番号・バッジ */
	--jwc-step-size:        var(--wp--custom--step--size);
	--jwc-step-size-mobile: var(--wp--custom--step--size-mobile);
	--jwc-badge-size:       var(--wp--custom--badge-size);

	/* レイアウト */
	--jwc-content-max: var(--wp--custom--content-max);
	--jwc-bp-mobile:   768px;
}