/* =========================================================
   福田眼科 デザイントークン（B案 クリニカルホワイト×ネイビー 確定値）
   色・角丸・影・最大幅・フォント・余白リズムの単一ソース。
   ここを変えると全ページに反映されます。
   ※2026-07 カラーリニューアル：クリーム/アンバー → ホワイト/ネイビー
   ※変数名は互換のため旧名（--amber等）のまま。値のみ差し替え。
   ========================================================= */
:root{
  /* 背景・面 */
  --paper:#FBFCFE;        /* ベース背景（ホワイト） */
  --paper-2:#EFF3F9;      /* 一段濃いブルーグレー（セクション差し色） */
  --card:#FFFFFF;         /* カード白 */

  /* ブランド（ネイビー） ※変数名は旧アンバーのまま */
  --amber:#3168AC;        /* 主ブルー */
  --amber-deep:#22497E;   /* 濃いネイビー（見出し・リンク・主アクセント） */
  --amber-soft:#E3EBF6;   /* 淡いブルー（背景・枠） */

  /* 濃色（フッター等） */
  --cocoa:#1F3D66;
  --cocoa-2:#2A4F80;

  /* 文字 */
  --ink:#262F3B;          /* 本文 */
  --ink-soft:#4D5A6C;     /* 補足 */
  --ink-mute:#626F82;     /* かすれ */

  /* 線・白 */
  --line:#DEE5EF;
  --white:#fff;

  /* 角丸 */
  --r-sm:10px; --r-md:18px; --r-lg:28px; --r-xl:40px;

  /* 影（寒色） */
  --shadow:0 10px 30px rgba(25,45,80,.10);
  --shadow-sm:0 4px 14px rgba(25,45,80,.08);

  /* レイアウト */
  --max:1100px;

  /* フォント */
  --disp:'Zen Maru Gothic', system-ui, sans-serif;   /* 見出し（丸ゴシック） */
  --body:'Zen Kaku Gothic New', system-ui, sans-serif;/* 本文 */

  /* 余白リズム（セクション） */
  --space-section:80px;
  --space-section-sp:60px;

  /* 医療上の注意・緊急（識別性のため暖色・赤系は維持） */
  --warn-bg:#FBEAD0;      /* 注意（暖色系を維持） */
  --urgent-bg:#FCE4DE;    /* 緊急（ソフトレッド） */
  --urgent-line:#E0856F;
}