/* ===========================================================================
   TPH Design Tokens — サイト全体のデザイントークン【唯一の定義元】
   ---------------------------------------------------------------------------
   2026-07-13 新設（UIUX Phase 0: トークン一元化）。
   テーマ・全プラグインはこのファイルの --tph-* を参照する。
   色・角丸・影・フォントを変える時は必ずここを変更すること（直値の複製禁止）。
   ※ theme.json のカラーパレット（mf-*）とは値を同期させる（BEHAVIOR_MANUAL §9.3）
   =========================================================================== */

:root {
  /* ── ブランドカラー（Mana Flow） ─────────────────────────── */
  --tph-teal:        #0A3D5C;  /* メイン: 構造・見出し・主ボタン */
  --tph-teal-light:  #1a5a7a;
  --tph-coral:       #C8503A;  /* 行動: CTA・警告・「今やること」 */
  --tph-coral-dark:  #A83828;
  --tph-amber:       #C4883A;  /* 飾り: 補色アクセント */
  --tph-amber-light: #d49940;
  --tph-sand:        #F2E8D0;  /* 地: セクション背景 */
  --tph-sand-dark:   #E8D8B8;  /* 地: ボーダー・区切り */
  --tph-wood:        #bd9a5e;  /* 飾り: 木色の縁・額装 */
  --tph-wood-dark:   #8f6f43;
  --tph-navy:        #0D1B2A;  /* 地(濃): オーバーレイ・フッター */
  --tph-navy-light:  #1B2D3E;
  --tph-white:       #FAF6EE;  /* カード背景 */
  --tph-text:        #1a2a3a;
  --tph-text-muted:  #5a6a7a;

  /* ── 意味色（状態表示。アクセント色とは役割を分ける） ────── */
  --tph-success: #1e6b4a;             /* 完了・予約済み・正解 */
  --tph-error:   var(--tph-coral);    /* エラー・不正解 */
  --tph-warning: var(--tph-amber);    /* 注意・残りわずか */

  /* ── レッスン種別（Basic=Teal / 振付=Coral / 文化=Amber / イベント=Navy） ── */
  --tph-type-basic:   var(--tph-teal);
  --tph-type-choreo:  var(--tph-coral);
  --tph-type-culture: var(--tph-amber);
  --tph-type-event:   var(--tph-navy-light);
  /* カレンダーチップ用の淡色（tint）＋文字色。イベントのみ濃地＋白文字 */
  --tph-tint-basic-bg:     #DCE8F0;
  --tph-tint-basic-text:   #0A3D5C;
  --tph-tint-choreo-bg:    #F6DCD4;
  --tph-tint-choreo-text:  #8a2f1d;
  --tph-tint-culture-bg:   #F4E4C2;
  --tph-tint-culture-text: #6b4a1a;
  --tph-tint-event-bg:     var(--tph-navy-light);
  --tph-tint-event-text:   #FAF6EE;

  /* ── 形（角丸は3段階のみ） ──────────────────────────────── */
  --tph-radius-sm:   8px;    /* ボタン・入力・小要素 */
  --tph-radius-md:   12px;   /* カード・モーダル */
  --tph-radius-pill: 999px;  /* チップ・バッジ */

  /* ── 影 ─────────────────────────────────────────────────── */
  --tph-shadow-sm: 0 2px 8px rgba(10,61,92,0.06);
  --tph-shadow-md: 0 8px 24px rgba(10,61,92,0.08);
  --tph-shadow-lg: 0 16px 40px rgba(10,61,92,0.1);

  /* ── モーション ─────────────────────────────────────────── */
  --tph-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  /* ── フォント（3役体制） ────────────────────────────────── */
  --tph-font-display: 'Cormorant Garamond', 'Noto Serif JP', serif;   /* 見出し・大きい数字 */
  --tph-font-label:   'Josefin Sans', 'Avenir Next', sans-serif;      /* 英字ラベル・ナビ */
  --tph-font-body:    'Source Sans 3', -apple-system, 'Hiragino Sans', 'Noto Sans JP', sans-serif;
}