/* =========================================================
   Bloomy 共通デザイントークン（単一の正 / Single source of truth）
   - 全Bloomyフロントページで最初に読み込む（:root に定義）。
   - 方針: 白ベース ＋ 淡いブルーはアクセント限定。文字はネイビー中心。
     「かわいいLP」ではなく「信頼できるeSIMプロダクト」。
   - 既存CSSは段階的にこのトークンへ置換していく（STEP2以降）。この時点では
     どのページもまだ参照していないため、追加しても見た目は変わらない。
   - 比較ページ(.bloomy-list-page)は当面ローカルに同名変数を持つため、その内側では
     ローカル値が優先される（=比較ページの現状は不変）。
   基準値は比較ページ(.bloomy-list-page)のトークンを踏襲し、背景のみ白寄せ。
   ========================================================= */
:root {
  /* ---- 背景（白ベース。淡ブルーはアクセント面に限定） ---- */
  --bloomy-bg:          #f8fafe;  /* ページ背景＝限りなく白 */
  --bloomy-white:       #ffffff;  /* カード */
  --bloomy-blue-soft:   #eef6ff;  /* アクセント面：アイコン背景・補足box・選択状態 */
  --bloomy-blue-softer: #f8fbff;

  /* ---- 文字（ネイビー中心） ---- */
  --bloomy-navy:  #071b4d;  /* 見出し強調 */
  --bloomy-text:  #173b87;  /* 本文（濃いネイビー） */
  --bloomy-soft:  #52617f;  /* 副文 */
  --bloomy-muted: #8a98bc;  /* 補足 */

  /* ---- アクセント青：ボタン/リンク/アイコン/選択状態 ---- */
  --bloomy-blue:      #0878f8;  /* 主アクセント（比較ページ準拠） */
  --bloomy-blue-dark: #075ed8;  /* hover / グラデーション下 */

  /* ---- 罫線・影（控えめ） ---- */
  --bloomy-line:        #d9e7ff;
  --bloomy-line-strong: #bed5ff;
  --bloomy-shadow-card:       0 8px 22px rgba(42, 83, 153, 0.055), 0 1px 0 rgba(255, 255, 255, 0.96) inset;
  --bloomy-shadow-card-hover: 0 14px 30px rgba(42, 83, 153, 0.095), 0 1px 0 rgba(255, 255, 255, 0.96) inset;

  /* ---- 角丸（やさしく） ---- */
  --bloomy-radius-lg: 24px;
  --bloomy-radius-md: 16px;
  --bloomy-radius-sm: 12px;

  /* ---- フォント太さ（見出し最大800・本文700前後） ---- */
  --bloomy-fw-heading: 800;
  --bloomy-fw-body:    700;
}