/* yolo-tokens.css — 正本: yolo-members/docs/creative-yolo/09-DESIGN-SYSTEM.md §1
   更新はドキュメントを先に直し、6サイトへコピー反映する（SOP-7） */
:root {
  /* color — 紙面は白黒、行動は青
     正本: 26-YOLO-TALENTS-SITE.md §7。旧「夜と光」（黒×アンバー）は廃止した。
     トークン名は既存CSSが参照しているため据え置き、値だけ差し替えている */
  --yolo-night: #0b0b0b;   /* 黒ベタの面（JOIN・フッター） */
  --yolo-light: #1769e0;   /* YOLO BLUE。押す場所だけ＝CTA・リンク・現在位置 */
  --yolo-ember: #c0432c;   /* 警告専用。強調やタグには使わない */
  --yolo-paper: #f7f7f3;   /* 基本の紙 */
  --yolo-ink:   #111111;   /* 明背景時の文字（on paper 17.58:1 AAA） */
  --yolo-muted: rgba(255,255,255,.74); /* 暗背景の補助文字 */

  /* 面に対する意味。色を直接書かずここを経由する */
  --ink-1: #111111;              /* 主文字・見出し・太い罫線 */
  --ink-2: #5b6472;              /* 補助文字（on paper 5.74:1 AA） */
  --rule:  #e2e2dc;              /* 細い罫線 */
  --surface: #f7f7f3;            /* 今いる面の地色 */
  --yolo-white: #ffffff;
  --yolo-badge-official: #f0a92c; /* 公式モデルバッジ専用（23 §8）。他用途禁止 */

  /* spacing — 4pxベース。中間値を勝手に作らない */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-6: 24px; --sp-8: 32px; --sp-12: 48px; --sp-16: 64px; --sp-24: 96px;

  /* radius */
  --rad-s: 6px; --rad-m: 12px; --rad-pill: 999px;

  /* type scale（clampでモバイル対応） */
  --fs-hero: clamp(2rem, 5vw, 3.5rem);
  --fs-h2:   clamp(1.4rem, 3vw, 2rem);
  --fs-body: 1rem;  --fs-small: .875rem; --fs-label: .75rem;

  /* motion */
  --ease-out: cubic-bezier(.22,.61,.36,1);
  --dur-fast: 160ms; --dur-base: 320ms; --dur-slow: 640ms;
}