/* デザイントークン（添付デザイン案に基づく） */
:root {
  /* 色 */
  --color-primary: #0099cc;        /* アクセント/CTA */
  --color-primary-hover: #0087b3;
  --color-primary-light: #d9eef7;
  --color-primary-dark: #004d66;   /* フッター・管理画面サイドバー */
  --color-text: #0a1f44;
  --color-text-muted: #4d6285;
  --color-bg: #ffffff;
  --color-bg-light: #f0f9fc;
  --color-border: #cce8f0;
  --color-band: #007a99;
  --color-band-2: #0099cc;
  --color-success: #0b8a3e;
  --color-error: #c0272d;

  /* レイアウト */
  --container-width: 1200px;
  --header-height: 72px;

  /* 角丸 */
  --radius-small: 8px;
  --radius-medium: 16px;
  --radius-pill: 999px;

  /* 影 */
  --shadow-card: 0 8px 30px rgba(0, 77, 102, 0.08);
  --shadow-card-hover: 0 12px 36px rgba(0, 77, 102, 0.14);

  /* 余白スケール */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --space-6: 96px;

  /* 文字サイズ */
  --fs-small: 13px;
  --fs-base: 15px;
  --fs-lead: 16px;
  --fs-h3: 18px;
  --fs-h2: 30px;
  --fs-hero: 46px;
}