/* ブランド色はここだけで決まる（Saixブルーは使わない）。html の data-theme で切り替え */
:root,
[data-theme="forest"] {
  /* 深緑×アンバー：信頼と、人が育つ・根づくイメージ */
  --primary: #1F6B52;
  --primary-dark: #144A39;
  --primary-soft: #E3F0EA;
  --accent: #E8A33D;
  --accent-dark: #C9852A;
  --on-accent: #13261F;
  --ink: #13261F;
  /* 押しボタン：オレンジのグラデーションに白文字（太字17px以上で読みやすさ3:1以上） */
  --cta-from: #F08A24;
  --cta-to: #D4561A;
  --cta-shadow: rgba(212, 86, 26, .32);
}
[data-theme="terracotta"] {
  /* テラコッタ×墨：あたたかさ・人の手ざわり */
  --primary: #B4532F;
  --primary-dark: #8A3B1F;
  --primary-soft: #F6E6DE;
  --accent: #2E7D6B;
  --accent-dark: #22604F;
  --on-accent: #FFFFFF;
  --ink: #2A1A14;
}
[data-theme="plum"] {
  /* 深紫×コーラル：落ち着き・専門性 */
  --primary: #5B3A8C;
  --primary-dark: #402766;
  --primary-soft: #EEE7F7;
  --accent: #F07C5B;
  --accent-dark: #D4603F;
  --on-accent: #1F1630;
  --ink: #1F1630;
}
:root {
  --text: var(--ink);
  --text-sub: #5A6660;
  --border: #E4E8E6;
  --bg: #FFFFFF;
  --bg-soft: #F6F8F7;
  --danger: #C8102E;
  --radius: 14px;
  --shadow: 0 6px 24px rgba(0, 0, 0, .06);
}