/* FILE: assets/css/tokens.css */

:root {
  /* --- Colors (HANDOVER_v3.md §5-3) --- */
  --color-bg:        #EFEFEF; /* スライド地色のライトグレー */
  --color-surface:   #FFFFFF; /* カード・ボックスの白 */
  --color-ink:       #1A1A1A; /* 見出し・本文の黒 */
  --color-ink-sub:   #4A4A4A;
  --color-muted:     #8C8C8C; /* コピーライト等 */
  --color-line:      #D0D0D0; /* 細罫 */
  --color-bar:       #000000; /* 黒の帯ラベル */
  --color-accent:    #DCE9F5; /* 淡いブルー帯 */
  --color-frame:     #FFFFFF; /* サムネイル枠の地色。画像と比率が違う分の余白 */
  --color-frame-line:#E6E6E6; /* サムネイル枠の細い囲み線（--color-lineより薄い） */

  /* お問い合わせCTA。モノトーン基調に馴染む、彩度を抑えた温かいオレンジ。
     白文字とのコントラスト比 4.88:1 でWCAG AA（4.5:1）を満たす。
     明るいオレンジ（#E8763A 等）は白文字が 2.9:1 程度で基準を下回るため採用しない。 */
  --color-cta:       #B85325;
  --color-cta-hover: #9C4520;

  /* --- Wireframe専用（本番では未使用。§4参照） --- */
  --color-wf-border: #B9B9B9;
  --color-wf-bg:     #F5F5F5;
  --color-wf-todo:   #F2C200;

  /* --- Fonts (HANDOVER_v3.md §5-1) --- */
  --font-base: "Jost", "Zen Kaku Gothic New", "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-mono: "Courier New", monospace; /* ワイヤーフレームのプレースホルダ表示用 */

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;

  /* --- Font sizes --- */
  --fs-xs:   0.75rem;   /* 12px */
  --fs-sm:   0.875rem;  /* 14px */
  --fs-base: 1rem;      /* 16px */
  --fs-md:   1.125rem;  /* 18px */
  --fs-lg:   1.5rem;    /* 24px */
  --fs-xl:   2rem;      /* 32px */
  --fs-2xl:  2.75rem;   /* 44px */
  --fs-3xl:  3.5rem;    /* 56px */

  /* --- Spacing scale --- */
  --space-xs:  0.5rem;   /* 8px */
  --space-sm:  1rem;     /* 16px */
  --space-md:  1.5rem;   /* 24px */
  --space-lg:  2.5rem;   /* 40px */
  --space-xl:  4rem;     /* 64px */
  --space-2xl: 6rem;     /* 96px */

  /* --- Radius / border --- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --line-width: 1px;

  /* --- Layout --- */
  --container-width: 1200px;
  --container-padding: var(--space-md);   /* 24px。第25弾で16px→24pxに拡大 */
}