/* =====================================================
   共通デザイントークン(色)
   ===================================================== */

:root {
  /* ---- ブランドカラー（濃紺・信頼感重視） ---- */
  --color-primary: #14335e; /* メインカラー(ボタン・見出し・アクセント) 濃い紺 */
  --color-primary-dark: #0b2140; /* メインカラーの濃い版(ホバー時など) */
  --color-primary-light: #e8ecf3; /* メインカラーの薄い版(背景用) */
  --color-primary-overlay: rgba(20, 51, 94, 0.82); /* 写真の上に重ねる半透明メインカラー(sec01背景等) */

  /* ---- ベースカラー ---- */
  --color-white: #ffffff;
  --color-text: #2b2b2b; /* 標準テキスト */
  --color-text-sub: #666666; /* 補足テキスト・やや薄いテキスト */
  --color-border: #cccccc; /* 標準の枠線 */
  --color-border-light: #eeeeee; /* 薄い枠線 */
  --color-bg-light: #f7f8fa; /* 薄いグレー背景 */

  /* ---- 状態カラー ---- */
  --color-success: #2e8b57; /* 成功時のテキスト色 */
  --color-success-bg: #e0ffe0; /* 成功メッセージの背景色 */
  --color-error: #d32f2f; /* エラー時のテキスト色 */
  --color-error-bg: #ffdddd; /* エラーメッセージの背景色 */

  /* ---- アクセント・外部ブランド色 ---- */
  --color-accent-yellow: #fff7d6;
  --color-accent-orange: #e6a800;
  --color-accent-wine: #f5671d;
  --color-accent-wine-dark: #b04a15;
  --color-line-brand: #00a000;

  /* ---- タイポグラフィ ---- */
  --font-base:
    'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
    'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  --font-size-base: 16px; /* 基本の文字サイズ */
}