/* tokens.css — 確定コンプから抽出した color/type/spacing トークン（単一の真実） */
:root {
  /* color */
  --c-hero-bg: #040000;
  --c-ink: #1a1a1a;
  --c-white: #ffffff;
  --c-muted: #666666;

  --c-card-grad-from: #9e71bc;
  --c-card-grad-mid: #29abe2;
  --c-card-grad-to: #0071bc;
  --c-card-stroke: #00598c;
  --c-tag-bg: #4858cc;

  --c-tab-grad-from: #050505;
  --c-tab-grad-to: #494647;

  --c-cat-ai: #3fa9f5;
  --c-cat-web: #7ac943;

  /* fonts */
  --f-display: "Helvetica Neue", "Arial Narrow", Arial, sans-serif;
  --f-body: "Noto Sans JP", "Hiragino Sans", "Noto Sans CJK JP", sans-serif;

  /* spacing / sizing */
  --container: 1240px;
  --container-pad: clamp(16px, 4vw, 40px);
  --card-gap: 32px;
  --thumb: 138px;
  --radius: 12px;
}