/* 自信のコーポレート / corp-confident — design tokens */
:root {
  --color-bg: #fbfbfa;         /* 地（純白は使わない） */
  --color-bg-alt: #f0f1f2;     /* 節替えの淡いグレー */
  --color-text: #1c2024;       /* 本文・見出し（濃紺寄りの墨。純黒は使わない） */
  --color-text-weak: #5b6266;  /* ラベル・補足文（本文からの転用でなく専用の中間トーン） */
  --color-accent: #10665e;     /* 深い実業的な青緑。1色のみ。リンク・CTA・強調・図の主線 */
  --color-accent-dark: #0c4f49;/* accentの濃い版。ボタンhoverにのみ使う色相追加ではない */
  --color-accent-soft: #e4efee;/* accentの淡い版。アイコンバッジ地・バッジ文字背景のみ */
  --color-line: #dfe2e3;       /* 罫線・境界 */

  /* 変数には総称ファミリ(sans-serif)を含めないこと */
  --font-heading: "Noto Sans JP"; /* 見出し700 */
  --font-body: "Noto Sans JP";    /* 本文400 */
  --font-latin: "IBM Plex Sans";  /* 欧文・数値・型番。Interを使わないための要 */

  --space-unit: 8px;
  --radius: 8px;               /* 角丸は8pxに統一。カードも画像もボタンも同じ値 */
  --max-width: 1200px;
  --shadow-soft: 0 10px 40px rgba(28, 32, 36, 0.06); /* 影は淡く・大きく・低く。この1種類のみ */
}