/* ========================================
   サイト別カラーテーマ設定
======================================== */

/* デフォルトカラー（既存の#EE8100） */
:root {
  --primary-color: #EE8100;
  --primary-hover: #D16F00;
  --primary-light: #F5C07B;
  --primary-lighter: #FFE5C3;
  --primary-lightest: #FFF8EF;
  --primary-accent: #FFDB9D;
  --primary-accent-2: #38D6B2;     /* セカンドアクセント */
}

/* doctor（医師）サイト - グリーン系 */
.site-doctor {
  --primary-color: #6CBC6F;        /* メイングリーン */
  --primary-hover: #1B5E20;        /* ホバー時の濃いグリーン */
  --primary-light: #A0E5A3;        /* ライトグリーン */
  --primary-lighter: #B8EABA;      /* より薄いグリーン */
  --primary-lightest: #F5FFF6;     /* 最も薄いグリーン背景 */
  --primary-accent: #A0E5A3;       /* アクセントグリーン */
  --primary-accent-2: #F5C07B;     /* セカンドアクセント */
}

/* iryoushoku（医療職）サイト - ブルー系 */
.site-iryoushoku {
  --primary-color: #4CA7E4;        /* メインブルー */
  --primary-hover: #1565C0;        /* ホバー時の濃いブルー */
  --primary-light: #99CFF4;        /* ライトブルー */
  --primary-lighter: #C8E6FA;      /* より薄いブルー */
  --primary-lightest: #EBF7FF;     /* 最も薄いブルー背景 */
  --primary-accent: #99CFF4;       /* アクセントブルー */
  --primary-accent-2: #F5C07B;     /* セカンドアクセント */
}

/* touhan（登録販売者）サイト - 赤系 */
.site-touhan {
  --primary-color: #F26161;        /* メインレッド */
  --primary-hover: #C62828;        /* ホバー時の濃いレッド */
  --primary-light: #F79090;        /* ライトレッド */
  --primary-lighter: #FFC4C4;      /* より薄いレッド */
  --primary-lightest: #FFF4F4;     /* 最も薄いレッド背景 */
  --primary-accent: #FFC4C4;       /* アクセントレッド */
  --primary-accent-2: #38D6B2;     /* セカンドアクセント（ティール） */
}

/* yakuzaishi（薬剤師）サイト - オレンジ系（既存色を維持） */
.site-yakuzaishi {
  --primary-color: #EE8100;        /* メインオレンジ（既存） */
  --primary-hover: #D16F00;        /* ホバー時の濃いオレンジ */
  --primary-light: #F5C07B;        /* ライトオレンジ */
  --primary-lighter: #FFE5C3;      /* より薄いオレンジ */
  --primary-lightest: #FFF8EF;     /* 最も薄いオレンジ背景 */
  --primary-accent: #FFDB9D;       /* アクセントオレンジ */
  --primary-accent-2: #38D6B2;     /* セカンドアクセント */
}

/* ========================================
   サイト別適用クラス
======================================== */

/* メインカラー適用 */
.color-primary {
  color: var(--primary-color) !important;
}

.bg-primary {
  background-color: var(--primary-color) !important;
}

.border-primary {
  border-color: var(--primary-color) !important;
}

/* ホバー効果適用 */
.hover-primary:hover {
  background-color: var(--primary-hover) !important;
}

.hover-primary-color:hover {
  color: var(--primary-hover) !important;
}

/* ライトカラー適用 */
.bg-primary-light {
  background-color: var(--primary-light) !important;
}

.bg-primary-lighter {
  background-color: var(--primary-lighter) !important;
}

.bg-primary-lightest {
  background-color: var(--primary-lightest) !important;
}

.bg-primary-accent {
  background-color: var(--primary-accent) !important;
}