#cc-main {
  /* 1. フォントをLP全体と統一 */
  --cc-font-family: "Noto Sans JP", sans-serif;

  /* 2. プライマリボタンの色をLPのアクセントカラー（臙脂色）に合わせる */
  --cc-btn-primary-bg: #b91c1c;
  --cc-btn-primary-border-color: #b91c1c;

  /* 3. ホバー時の色を少し暗く（Tailwindのred-800相当） */
  --cc-btn-primary-hover-bg: #991b1b;
  --cc-btn-primary-hover-border-color: #991b1b;

  /* 4. トグルの色もアクセントカラーに合わせる */
  --cc-toggle-on-bg: var(--cc-btn-primary-bg);

  /* 5. ボタンの角丸をLPの他のボタン（ダウンロードボタンなど）と合わせる */
  --cc-btn-border-radius: 20px; /* rounded-full相当 */
  --cc-modal-border-radius: 20px;

  /* 6. セカンダリボタン（設定ボタンなど）のスタイル調整 */
  /* デフォルトのボーダー色を少し薄く */
  --cc-btn-secondary-border-color: #d1d5db; /* gray-300 */
  /* ホバー時の背景色を調整 */
  --cc-btn-secondary-hover-bg: #f9fafb; /* gray-50 */
}