/* ===========================================
   デザイントークン — 全ページ共通
   =========================================== */
:root {
  /* カラーパレット */
  --clr-deep:    #03045E;  /* 深海 */
  --clr-navy:    #023E8A;  /* 深海中層 */
  --clr-main:    #0077B6;  /* メインブルー */
  --clr-sub:     #0096C7;  /* サブブルー */
  --clr-light1:  #00B4D8;  /* 浅瀬 */
  --clr-light2:  #90E0EF;  /* 水面 */
  --clr-light3:  #CAF0F8;  /* 泡・光 */
  --clr-bg:      #F5FBFF;  /* 背景 */
  --clr-white:   #FFFFFF;
  --clr-text:    #1B2F4E;
  --clr-muted:   #4A6D8C;
  --clr-gray1:   #849DB0;  /* 補助テキスト・アイコン */
  --clr-gray2:   #C2D1DC;  /* ボーダー・区切り線 */
  --clr-gray3:   #EBF0F5;  /* 薄い背景・ストライプ */

  /* フォントファミリー */
  --font-serif: 'Noto Serif JP', serif;  /* 見出し */
  --font-sans:  'Noto Sans JP', sans-serif;  /* 本文 */
  --font-en:    'Montserrat', sans-serif;    /* 英語表記 */

  /* フォントウェイト */
  --fw-normal:   400;  /* 通常 */
  --fw-medium:   500;  /* やや太め */
  --fw-semibold: 600;  /* 準太字 */
  --fw-bold:     700;  /* 太字 */

  /* 行間 */
  --lh-tight: 1.2;   /* 見出し */
  --lh-base:  1.75;  /* 本文 */
  --lh-loose: 1.9;   /* 記事本文 */

  /* サイズ */
  --header-h:  68px;
  --radius-s:  4px;
  --radius-m:  8px;

  /* シャドウ */
  --shadow-card:  0 4px 24px rgba(3, 4, 94, 0.07);
  --shadow-hover: 0 12px 40px rgba(0, 119, 182, 0.18);

  /* トランジション */
  --ease: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}