/* tokens.css — デザイントークン（この案件の :root を一元管理）
 *
 * カラー       : --color-{role}（記述的・この案件の実値）
 * フォントサイズ: html{font-size:62.5%}（1rem=10px）前提の --fs-* スケール（規範的）
 * レイアウト   : 繰り返す寸法を -pc/-sp で持つ
 *
 * font-size と色は直書きせず、必ずこのトークンを参照する（my-web-style 規約）。
 */

html {
  /* 1rem = 10px（font-size は rem、余白は px で書くための基準） */
  font-size: 62.5%;
}

:root {
  /* ── Color roles ───────────────────────────────────────────── */
  --color-primary: #003c8c;
  --color-secondary: #386eff;
  --color-tertiary: rgba(0, 60, 140, 0.18);
  --color-font: #1d1d1f;
  --color-time: #727171;
  --color-border: #969696;
  --color-gray: #c8c8c8;
  --color-alternate: #e3e3e3;
  --color-table-head: #99b1d1;
  /* 実績テーブルの見出し行 */
  --color-white: #ffffff;
  --color-red: #ff0000;
  --color-black: #000000;
  /* 影・グラデのアルファ合成ベース */
  --color-nav-border: #767284;
  /* header nav の区切り線 */
  --color-selection-bg: var(--color-primary);
  --color-selection-text: var(--color-white);

  /* ── Font size scale（規範的・1rem=10px。直書き禁止）───────────
   * 名前は固定、値はこの案件のデザイン。中間値は最寄りステップに統合:
   *   13→sm / 15→base / 17・19→md。 */
  --fs-xxs: 1.2rem;
  /* 12px */
  --fs-xs: 1.3rem;
  /* 13px */
  --fs-sm: 1.4rem;
  /* 14px（13px も統合） */
  --fs-base: 1.6rem;
  /* 16px：本文基準（15px も統合） */
  --fs-md: 1.8rem;
  /* 18px（17・19px も統合） */
  --fs-lg: 2rem;
  /* 20px */
  --fs-xl: 2.2rem;
  /* 22px */
  --fs-xxl: 2.6rem;
  /* 26px：ACCトピックス号タイトル（22と30の中間） */
  --fs-2xl: 3rem;
  /* 30px */
  --fs-3xl: 3.8rem;
  /* 38px */
  --fs-4xl: 4.3rem;
  /* 43px */
  --fs-5xl: 6rem;
  /* 60px */

  /* ── Layout tokens ─────────────────────────────────────────── */
  --container: 1266px;
  --wrapper: 1000px;
  --article: 800px;

  --header-pc: 132px;
  --header-sp: 77px;

  --logo-pc: 88px;
  --logo-sp: 55px;

  --gap-pc: 33px;
  --gap-sp: 22px;
  --gap-mobile: 44px;

  --menu-size: 132px;
  --menu-space: 14px;
  --menu-line: 4px;
}