/*=====================================================
  settings.css
  ★ 都道府県ごとにこのファイルの色・フォントのみ変更してください
  ★ フォーカスリング色もメインカラーに合わせて変更してください
=====================================================*/
:root {
  /* ===== コンテンツ幅 ===== */
  --cont-width: 1280px;

  /* ===== カラー（三重県） ===== */
  /* メインカラー：グリーン（白文字との対比比 5.08:1 ✅） */
  --color-main: #2E7363;

  /* サブカラー：イエロー（テキスト#222との組み合わせで使用） */
  --color-sub: #F1C365;

  /* 薄い背景（メインの淡色） */
  --color-bg: #E3F2EE;

  /* セクション背景 */
  --color-bg-sec: #F4F0EC;

  --color-border: #dddddd;
  --color-text: #333333;

  /* ホバー時（メインより濃く） */
  --color-hover: #1f5247;

  /* 本文中リンク色 */
  --color-link: #2E7363;

  /* セクションタイトル英字色（サブカラーの暗色版） */
  --color-en-ttl: #75632D;

  /* フッター背景色 */
  --color-footer-bg: #244B43;

  /* ===== フォント ===== */
  --font-jp: "Zen Kaku Gothic New", sans-serif;
  --font-en: "Roboto", var(--font-jp);

  /* ===== ウェイト ===== */
  --fw-normal: 500;
  --fw-bold: 700;

  /* ===== スペーシング ===== */
  --sec-pad-v: 80px;
  --sec-pad-v-sm: 50px;
  --inner-pad-h: 40px;
  --inner-pad-h-sm: 20px;

  /* ===== 角丸 ===== */
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 999px;

  /* ===== 影 ===== */
  --shadow: 0 2px 8px rgba(0, 0, 0, .10);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, .12);

  /* ===== トランジション ===== */
  --transition: .2s ease;

  /* ===== フォーカスリング（三重県メインカラーに合わせる） ===== */
  --focus-color: #2E7363;
  --focus-outline: 3px solid var(--focus-color);
  --focus-offset: 3px;
}