:root {
  --color-navy: #1B2A4A;      /* ベース: 見出し・フッター・帯 */
  --color-navy-deep: #0F1B33; /* 濃背景 */
  --color-amber: #F5A623;     /* メインアクセント: CTA・強調 */
  --color-coral: #FF6B5B;     /* サブアクセント: ホバー・タグ */
  --color-text: #2E2E2E;      /* 本文 */
  --color-bg: #FAFAF7;        /* 背景 */
  --color-white: #FFFFFF;
  --font-base: "Noto Sans JP", sans-serif;
  --space-unit: 8px;          /* 余白は8の倍数のみ */
  --radius: 12px;
  --maxwidth: 1080px;

  /* ヒーロー「夜明け」背景アニメーション用（トップページのみ使用） */
  --hero-dawn-1: #22314F;     /* インク紺 */
  --hero-dawn-2: #E56A3C;     /* コーラル */
  --hero-dawn-3: #E3A02E;     /* 実りゴールド */
  --hero-dawn-glow: rgba(245, 166, 35, 0.35); /* 地平線の光暈 */
  --hero-dawn-overlay: rgba(27, 42, 74, 0.35); /* 可読性確保用の暗幕オーバーレイ */
}