/* ============================================================
   RISE WEALTH — DESIGN TOKENS (single source of truth)
   全ページ共通。ここだけ直せば全ページに反映される。
   基準色はセミナー資料・LINE配布PDF・BNIシート・note画像と共通:
     ネイビー #0A142F / ゴールド #D4AF37
   ページ独自の :root で --navy 等を定義している場合は、
   その値を var(--rw-*) に向けること（直接hexを書かない）。
   ============================================================ */

:root {
  /* ---- Navy（暗い順） ---- */
  --rw-navy-950: #060d20;  /* グラデーション最深部 */
  --rw-navy-900: #0a142f;  /* ★基準 背景 */
  --rw-navy-800: #111d3f;  /* カード面 */
  --rw-navy-700: #16224a;  /* 一段持ち上げた面 */
  --rw-navy-600: #1e2d54;  /* 罫線・区切り */
  --rw-navy-500: #22304f;  /* 明るいネイビー */

  /* ---- Gold（暗い順） ---- */
  --rw-gold-700: #a8842a;  /* hover・押し込み */
  --rw-gold-600: #b8952a;  /* 罫線・sub */
  --rw-gold-500: #d4af37;  /* ★基準 アクセント */
  --rw-gold-400: #e0c263;
  --rw-gold-300: #e8cc6a;  /* 見出しハイライト */
  --rw-gold-200: #f2e3b4;  /* 淡い面 */

  /* ---- Neutral ---- */
  --rw-white:     #ffffff;
  --rw-ivory-100: #faf8f3;  /* 明るい背景 */
  --rw-ivory-200: #f5f1e8;  /* 明るい背景・暗背景上の本文 */
  --rw-ivory-300: #ede8dc;  /* 明背景の罫線 */
  --rw-grey-300:  #c4cbdb;  /* 暗背景の準本文 */
  --rw-grey-400:  #9ba5bd;  /* 暗背景の補足 */
  --rw-grey-500:  #5c6683;  /* 明背景の補足 */

  /* ---- Semantic ---- */
  --rw-bg-dark:            var(--rw-navy-900);
  --rw-bg-dark-deep:       var(--rw-navy-950);
  --rw-surface-dark:       var(--rw-navy-800);
  --rw-surface-dark-up:    var(--rw-navy-700);
  --rw-bg-light:           var(--rw-ivory-100);
  --rw-bg-light-alt:       var(--rw-ivory-200);
  --rw-text-on-dark:       var(--rw-ivory-200);
  --rw-text-on-dark-mute:  var(--rw-grey-400);
  --rw-text-on-light:      var(--rw-navy-900);
  --rw-text-on-light-mute: var(--rw-grey-500);
  --rw-border-gold:        rgba(212,175,55,0.22);
  --rw-border-gold-soft:   rgba(212,175,55,0.14);
  --rw-border-light:       rgba(10,20,47,0.10);

  /* ---- Brand / 機能色（勝手に変えない） ---- */
  --rw-line-green:      #06c755;
  --rw-line-green-dark: #04a845;
  --rw-btc:             #f7931a;
  --rw-btc-ink:         #20130a;
  --rw-danger:          #ee8888;

  /* ---- Typography ---- */
  --rw-font-display: 'Cormorant Garamond', 'Hiragino Mincho ProN', 'Yu Mincho', Georgia, serif;
  /* 本文はWebフォントを使わずOS標準に寄せる（2026-09-05）。
     Noto Sans JPはwoff2 30本・約590KBあり、ページ全体の重さの大半を占めていた。
     iPhone/Mac=ヒラギノ角ゴ、Windows=游ゴシック、Android=Noto Sans CJK が使われる。 */
  --rw-font-body:    'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Yu Gothic Medium', 'Yu Gothic', 'Noto Sans CJK JP', 'Meiryo', sans-serif;

  /* ---- 角丸スケール ----
     シャープ寄りで統一。丸ピル(999px)は棒グラフ/プログレスバー専用。 */
  --rw-r-tag:   1px;   /* タグ・バッジ */
  --rw-r-btn:   2px;   /* ボタン・小アイコン */
  --rw-r-card:  3px;   /* カード */
  --rw-r-panel: 4px;   /* 大きい面・グリッド外枠 */
  --rw-r-pill:  999px; /* バー類のみ */
  --rw-r-round: 50%;   /* 円 */
}

/* ============================================================
   BASE — 日本語の折り返し（全ページ共通・2026-09-04）
   スマホで「資産形／成を」のように語が割れたり、最終行に
   1〜2文字だけ残る「取り残し」が出ていたのを直すための共通指定。
     word-break: auto-phrase … 日本語を文節の切れ目で折り返す
     text-wrap: balance      … 見出しの各行の長さをそろえる
     text-wrap: pretty       … 本文の最終行が短くなりすぎるのを防ぐ
   未対応ブラウザは従来どおりの折り返しに戻るだけで、崩れない。
   個別のspanで文節を囲む必要はもう無い。
   ============================================================ */
h1, h2, h3, h4, h5, h6,
p, li, dt, dd, figcaption, blockquote, th, td {
  word-break: auto-phrase;
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

p, li, dt, dd, figcaption, blockquote {
  text-wrap: pretty;
}

/* デスクトップの見た目のために入れた任意改行。
   スマホでは効かせない（狭い幅だと中途半端な行が生まれるため）。 */
.br-pc { display: none; }
@media (min-width: 768px) {
  .br-pc { display: inline; }
}