@charset "UTF-8";
/* tokens.css — KINGDOM様 公式トップ v4（2026-10-04）
   方向＝岩田さん指示（2026-10-04）：ELLE の誌面テイスト。英字はディドーネ体、和文の見出しは明朝。
   色＝白地・墨・臙脂1色。臙脂 #980B12 は KINGDOM様の現行CI（ART_DIRECTION §5 で唯一引き継ぐ色）。
   ★生の色・書体名はこのファイルの外に書かない。 */
:root{
  --paper:#FFFFFF;          /* 地は純白（雑誌の紙。クリーム色にしない＝AIの既定の型(17)を避ける） */
  --paper-2:#F3F3F1;        /* 面を分けるときの薄いグレー */
  --ink:#111111;
  --ink-2:#444444;
  --ink-3:#6B6B6B;          /* 白地で 5.3:1 */
  --rule:#DCDCDC;
  --accent:#980B12;         /* 臙脂（KINGDOM CI）白地で 8.5:1 */
  --accent-2:#7A0A10;
  --logo:#543845;          /* 公式ロゴの文字色（公式サイト logo.png を実測 2026-10-05）。O の丸は #980B12 で SVG に固定 */
  --on-ink:#FFFFFF;
  --on-ink-2:#C9C9C9;

  --f-didone:"Bodoni Moda","Didot","Bodoni 72",serif;
  --f-mincho:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;
  --f-ui:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;

  --maxw:1320px;
  --gutter:clamp(20px,4.4vw,64px);
  --sec:clamp(88px,11vw,176px);
  --hdr:72px;
  --barh:64px;              /* スマホ下部の予約バー */

  --fs-cover:clamp(56px,11.2vw,216px);
  --fs-display:clamp(34px,5.2vw,84px);
  --fs-h2:clamp(26px,3.1vw,46px);
  --fs-h3:clamp(18px,1.6vw,22px);
  --fs-body:clamp(15px,1.05vw,16px);
  --fs-sm:13px;
  --fs-label:12px;

  --ease:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
}