/* ============================================================
   variables.css — デザイントークン（唯一の定義元）
   株式会社million コーポレートサイト
   CQS-10 CSS-001/005：色・書体・寸法の値をここ以外に直書きしない。
   ------------------------------------------------------------
   *-rgb はスペース区切りのRGBトリプレット。不透明度を伴う色は
   rgb(var(--xx-rgb) / .55) の形で合成し、rgba() の直書きを排する。
   ============================================================ */
:root{
  /* --- 原色（不透明度合成用トリプレット） --- */
  --wh-rgb:255 255 255;
  --bk-rgb:13 13 13;
  --ac-rgb:78 192 93;
  --sh-rgb:0 0 0;
  --err-rgb:192 57 43;

  /* --- 面・文字 --- */
  --bk:#0d0d0d; --bk2:#171717;
  --wh:#ffffff; --off:#f6f5f2; --off2:#eeece7;
  --gy:#8b8b87; --gy2:#56564f;
  --line:#e3e1dd; --line-d:#2b2b2b;

  /* --- アクセント・状態 --- */
  --ac:#4EC05D;
  --err:#c0392b;

  /* --- 暗部スケール（グラデーションの階調） --- */
  --ink-900:#030303;
  --ink-850:#070707;
  --ink-800:#0b0b0b;
  --ink-700:#141414;
  --ink-650:#191919;
  --ink-600:#1a1a1a;
  --ink-550:#1f1f1f;
  --ink-500:#212121;

  /* --- 書体 --- */
  --ser:"Noto Serif JP",serif;
  --eng:"Cormorant Garamond",serif;
  --jp:"Noto Sans JP",sans-serif;

  /* --- 寸法・イージング --- */
  --pad:clamp(20px,5vw,80px);
  --ease:cubic-bezier(.22,1,.36,1);
  --ftr:clamp(44px,7vw,132px);
}