/* =========================================================================
   デザイントークン（後からここを変えるだけで全体の見た目が変わります）
   参考サイト(ROOTS)の方向性: 白基調 + 黒/濃紺 + ゴールド差し色／高級カジュアル
   ========================================================================= */
:root {
  /* ----- カラー（LUDENSロゴ準拠：ピンク＋ティール＋パープル）
     2026-08-19 白メイン（LINEアプリ風のクリーン系）に刷新：
     白ベース＋薄グレー区切り、カードは白パネル＋細ボーダー＋柔らかい影 ----- */
  --color-bg: #ffffff;                          /* ベース背景（白） */
  --color-bg-alt: #f5f6f8;                      /* セクション交互の薄グレー */
  --color-surface: #ffffff;                     /* カード等のパネル面 */
  --color-dark: #191238;                        /* アクセント用ダーク（CTAバンド等） */
  --color-dark-2: #241a4d;
  --color-text: #1c1726;
  --color-text-muted: #6e6879;
  --color-text-on-dark: #f1eefa;
  --color-text-on-dark-muted: rgba(241, 238, 250, 0.66);
  --color-primary: #d0458e;            /* ピンク（ブランドの差し色） */
  --color-primary-dark: #b93b80;       /* 濃いめピンク（テキストアクセント/ホバー） */
  --color-secondary: #2b8e98;          /* ティール（第2アクセント） */
  --color-secondary-dark: #1f7b83;     /* 濃いめティール（セクション番号等） */
  --color-tertiary: #6b5aa8;           /* LUDENSロゴの文字パープル（第3アクセント） */
  --color-border: #e8e7ee;
  --color-border-dark: rgba(255, 255, 255, 0.12);
  --color-overlay: rgba(16, 11, 38, 0.6);
  --color-header-bg: rgba(255, 255, 255, 0.92);

  /* プレースホルダ枠（画像差し込み前の見た目） */
  --placeholder-bg: #eef0f4;
  --placeholder-fg: #a9a5b4;
  --placeholder-bg-dark: #271e50;
  --placeholder-fg-dark: rgba(255, 255, 255, 0.35);

  /* ----- フォント ----- */
  --font-base: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  --font-heading: "Helvetica Neue", "Hiragino Sans", "Noto Sans JP", sans-serif;
  --font-en: "Georgia", "Times New Roman", serif; /* 英字見出し用（雰囲気付け） */
  --fs-base: 16px;
  --lh-base: 1.8;

  /* ----- レイアウト ----- */
  --container-max: 1160px;
  --container-pad: 24px;
  --section-py: clamp(64px, 9vw, 120px);
  --radius: 14px;
  --radius-sm: 8px;

  /* ----- 影 ----- */
  --shadow-sm: 0 1px 3px rgba(25, 18, 56, 0.07);
  --shadow-md: 0 10px 28px rgba(25, 18, 56, 0.12);

  /* ----- アニメーション ----- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.6s;
  --header-h: 72px;
}