/* ============================================================
   黒﨑豊子様 中国語教室 — カラー／タイポの正本（Single Source of Truth）
   ここ以外で色を直書きしないこと。色を変える時はこのファイルだけを直す。
   出典: 共有シート「店舗カラー=黄緑系／カラー濃度=淡め・ライトグレイッシュ」
   ============================================================ */
:root{
  /* --- ベース（面はすべて淡い色で塗る） --- */
  --c-base:      #FBFCF8; /* ページ背景・オフホワイト */
  --c-tint:      #EEF2E6; /* 淡い黄緑（セクションの面） */
  --c-tint-str:  #E2E9D3; /* 淡い黄緑（1段濃い面・カード枠など） */

  /* --- 黄緑（アクセントは線と小面積だけ） --- */
  --c-main:      #8AAB52; /* 黄緑。線・アイコン・見出しの罫。※白文字を載せない */
  --c-cta:       #5E7A32; /* ボタン背景（白文字でコントラスト比4.5:1以上を確保） */
  --c-deep:      #4D6127; /* 締め色。帯・強調。白文字OK */

  /* --- 文字 --- */
  --c-ink:       #23291F; /* 本文 */
  --c-ink-sub:   #6C7563; /* 補助テキスト */
  --c-line:      #D3D9C8; /* 罫線 */
  --c-white:     #FFFFFF;

  /* --- タイポ --- */
  --f-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --f-serif:"Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;

  /* 40〜60代が主対象。本文は通常より一段大きく */
  --fs-body:    17px;   /* PC本文 */
  --fs-body-sp: 16px;   /* SP本文 */
  --lh-body:    1.9;

  /* --- 余白（大きめに取る） --- */
  --sp-section: 96px;
  --sp-section-sp: 56px;
  --wrap: 1120px;
}

/* ============================================================
   追加トークン（2026-08-19・鈴木さん指示「毎日中国語に寄せる」対応）
   ※ 上の既存トークンの値は変更していない。ここは追加のみ。
   ============================================================ */
:root{
  /* 毎日中国語の「黄色マーカー」に相当。本文の要点を線で引く用 */
  --c-marker:    #DCE9BC;

  /* カードを浮かせるための背景（毎日中国語はライトグレー地に白カード） */
  --c-shade:     #F1F3EC;

  /* カードの影（毎日中国語は白カードが少し浮いている） */
  --shadow-card: 0 2px 10px rgba(35, 41, 31, .07);
  --shadow-pop:  0 4px 18px rgba(35, 41, 31, .10);

  /* 強調ボックスの枠線（毎日中国語の赤枠キーワードボックス相当） */
  --bw-strong:   2px;
}

/* ============================================================
   追加トークン（2026-08-19 #04・FVを毎日中国語型に作り直す対応）
   ※ 既存トークンの値は変更していない。ここも追加のみ。
   ============================================================ */
:root{
  /* FVの斜め帯。--c-deep のベタ背景の上でも沈まない、さらに濃い緑 */
  --c-ink-deep:   #1F2A14;

  /* FVの屋号（白抜き）に添えるごく薄い影 */
  --shadow-title: 0 3px 12px rgba(31, 42, 20, .45);
}

/* 追加（2026-08-19・帯の視認性対応）
   毎日中国語は「赤ベース×黒帯」で帯を立たせている。こちらは緑ベースなので、
   帯は濃い緑ではなく墨色にして、面のコントラストで立たせる。 */
:root{
  --c-band:      #14180F; /* FVの帯（墨） */
  --c-band-kw:   #E4F0C4; /* 帯の中の強調文字（淡い黄緑）。墨の上で 13:1 以上 */
}

/* ============================================================
   追加トークン（2026-08-20 #06・本番パッケージ化時）
   style.css に残っていた HEX 直書きを、値を変えずにトークン化したもの。
   ※ 既存トークンの値は変更していない。
   ============================================================ */
:root{
  --c-placeholder: #8C9382; /* フォームのプレースホルダ文字 */
  --c-note:        #5F6857; /* フォームの補足文 */
}