/* Design tokens — only applied within .home scope (see home.css).
   Primary colors are derived from the existing logo (rendered cyan #00A7E3 bird + navy #17436A text). */
:root {
  /* Brand */
  --color-primary-900: #17436A; /* 主要濃紺 (ロゴ文字色) */
  --color-primary-700: #265A8C; /* 中間トーン (リンク hover、装飾) */
  --color-primary-500: #00A7E3; /* ロゴの水色 (アクセント、図解、データ可視化のみ) */
  --color-primary-100: #D7F2FE; /* 淡い青 (背景パネル) */

  /* Neutral */
  --color-bg:       #FAFAF7;
  --color-bg-alt:   #F2F1EC;
  --color-text:     #1E2A38;
  --color-text-muted: #5A6677;
  --color-border:   #E5E3DC;

  /* Accent — 控えめに */
  --color-accent: #B8945A;

  /* Typography */
  --font-serif-jp:   "Noto Serif JP", "Yu Mincho", "YuMincho", serif;
  --font-sans-jp:    "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-display-en: "Playfair Display", "Times New Roman", serif;

  /* Layout */
  --container-max:    1200px;
  --container-narrow:  800px;
  --gutter:      clamp(1rem, 3vw, 2rem);
  --section-gap: clamp(4rem, 8vw, 7rem);
  --radius-sm: 2px;
  --radius-md: 4px;

  --shadow-subtle: 0 1px 2px rgba(15, 42, 74, 0.06);

  /* Header */
  --header-height-pc: 72px;
  --header-height-sp: 60px;
}