/* デザインの基準値（色・文字・余白）。色や大きさはここの変数だけを使うこと。 */
:root {
  /* 色：紺は講習会の冊子と同じ #282F77。コントラスト比（WCAG計算式で算出）はすべて 4.5:1 以上 */
  --color-brand: #282F77;        /* 見出し帯・ボタン（白との比 11.9:1） */
  --color-brand-deep: #1B2160;   /* 濃い紺（ヘッダー文字など） */
  --color-accent: #1F6FC5;       /* 強調色（1色だけ）: 白との比 5.1:1、薄い背景 #F4F6FC との比 4.7:1 */
  --color-accent-soft: #EAF2FC;  /* 強調色の薄い背景 */
  --color-regional: #B4540A;     /* 「地域別」の目印（文字色）: 白との比 5.0:1、薄い背景との比 4.6:1 */
  --color-regional-soft: #FFF3E8;
  --color-text: #1D2130;
  --color-text-muted: #4A5068;   /* 補足の文字: 白との比 8.0:1 */
  --color-line: #C9CEDD;
  --color-bg: #FFFFFF;
  --color-bg-soft: #F4F6FC;
  --color-focus: #F2B705;        /* キーボード操作時のフォーカス枠 */

  /* 文字：BIZ UDPゴシック（ユニバーサルデザイン書体）。本文は18px以上 */
  --font-body: "BIZ UDPGothic", "BIZ UDPゴシック", "Hiragino Sans", "Noto Sans JP", sans-serif;
  --fs-body: 1.125rem;   /* 18px */
  --fs-small: 1rem;      /* 16px（注記・出典。これより小さくしない） */
  --fs-h3: 1.375rem;     /* 22px */
  --fs-h2: 1.75rem;      /* 28px */
  --fs-h1: clamp(2rem, 1.4rem + 2.4vw, 2.75rem);
  --lh-body: 1.8;
  --lh-tight: 1.4;

  /* 余白・形 */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --radius: 14px;
  --radius-small: 8px;
  --tap-min: 48px;       /* ボタン・リンクの押せる高さの最小値 */
  --content-max: 1080px;
  --shadow: 0 1px 2px rgba(27, 33, 96, 0.08), 0 8px 24px rgba(27, 33, 96, 0.08);
}