/*
 * AXIOM Web Design Tokens — SSOT mirror
 *
 * M8 audit fix 2026-04-23 (consistency-auditor MED, design.md §5 Open Issue #2):
 * 本ファイルは AXIOM Web (LP/Blog/Legal) 用の Design Token SSOT ミラーとして
 * 新設。現状 `docs/site/index.html` と `docs/site/blog/*.html` / `404.html` は
 * 個別に inline `:root{}` 宣言を保持しているため、Phase 3 で本ファイル import に
 * 切り替えて drift を排除する。
 *
 * 由来 / 関連:
 * - App 本体の Design Token は `src/design/tokens.ts` (tailwind.config.js と同期、
 *   radii に関しては 2026-04-23 H6 fix で整合済)。
 * - LP (本ファイル) は App 本体とは独立 namespace を持つ意図的設計 (D22 baseline
 *   snapshot: `.devflow/design-token-drift-baseline.json` の lp_only=15 / ts_only=17 /
 *   both=3)。LP は landing 向け trendy color palette、App 本体は data-viz 向け
 *   neutral palette を使う。`design-token-sync.ps1` が audit-only で drift を監視。
 * - `design.md` §5 Open Issue #2 が本ファイル未実装を flag、本 commit で Phase 2 MVP
 *   として新設、Phase 3 で index.html の inline :root を本ファイル参照に置換予定。
 *
 * 使用方法 (Phase 3 実装時):
 *   <link rel="stylesheet" href="/_tokens.css"> を <style> ブロックより前に配置。
 *   以降の :root{} 宣言は削除し、var(--bg0) 等の参照はそのまま動作する。
 *
 * 本ファイル変更時は:
 *   - LP 全ページ (index.html / blog/*.html / legal/*.html / 404.html / getting-started.html)
 *     の visual regression を手動確認する (Cloudflare Pages preview deploy 経由)。
 *   - App 側の tokens.ts との drift 監視は `tools/design-token-proposal-gate.ps1` が
 *     既存の `.devflow/design-token-drift-baseline.json` snapshot と比較する。
 *
 * 編集禁止ルール:
 *   - 本ファイルの token 名 (--bg0, --teal, --pur-strong 等) は外部互換性のため
 *     リネーム禁止。削除は Phase 3 の全ページ同期 after で検討。
 *   - 値の変更は visual regression 確認を伴う (LP は公開 asset のため)。
 */

:root {
  /* === Background / Structural === */
  --bg0: #05050D;
  --bg1: #080810;
  --bg2: #0F1117;
  --bg3: #1A1B2E;
  --bg4: #252640;
  --bd: #2D2E45;

  /* === Text === */
  --t1: #F2F2F5;
  --t2: #B0B4C3;
  --t3: #A9ADB8;

  /* === Semantic colors === */
  --grn: #22c55e;
  --blu: #4FC3F7;
  --yel: #FFD54F;
  --org: #FF7043;
  --pur: #B39DDB;
  --red: #ef4444;
  --teal: #00897B;
  --pur-strong: #7B6ADB;
  --pur-light: #9C7BD0;

  /* === Typography === */
  --mono: 'JetBrains Mono', monospace;
  --display: 'Syne', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
  --body: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;

  /* === Radius scale (3 levels) === */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* === Font-size scale === */
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-sm2: 13px;
  --fs-md: 14px;
  --fs-md2: 15px;
  --fs-lg: 16px;
  --fs-xl: 18px;
  --fs-h3: 22px;
  --fs-h2: 42px;
  --fs-stat: 20px;
  --fs-card-title: 22px;
  --fs-price: 30px;
  --fs-display-sm: 32px;
  --fs-display-lg: 44px;

  /* === Spacing === */
  --section-pad-mobile: 56px;

  /* === Alpha color tokens === */
  --grn-a10: rgba(34, 197, 94, 0.1);
  --grn-a08: rgba(34, 197, 94, 0.08);
  --grn-a06: rgba(34, 197, 94, 0.06);
  --grn-a04: rgba(34, 197, 94, 0.04);
  --grn-a03: rgba(34, 197, 94, 0.03);
  --grn-a20: rgba(34, 197, 94, 0.2);
  --grn-a25: rgba(34, 197, 94, 0.25);
  --grn-a30: rgba(34, 197, 94, 0.3);
  --blu-a04: rgba(79, 195, 247, 0.04);
  --blu-a06: rgba(79, 195, 247, 0.06);
  --blu-a07: rgba(79, 195, 247, 0.07);
  --blu-a08: rgba(79, 195, 247, 0.08);
  --blu-a10: rgba(79, 195, 247, 0.1);
  --blu-a12: rgba(79, 195, 247, 0.12);
  --blu-a15: rgba(79, 195, 247, 0.15);
  --blu-a20: rgba(79, 195, 247, 0.2);
  --blu-a25: rgba(79, 195, 247, 0.25);
  --blu-a40: rgba(79, 195, 247, 0.4);
  --yel-a10: rgba(255, 213, 79, 0.1);
  --org-a05: rgba(255, 112, 67, 0.05);
  --org-a06: rgba(255, 112, 67, 0.06);
  --org-a10: rgba(255, 112, 67, 0.1);
  --org-a20: rgba(255, 112, 67, 0.2);
  --pur-a10: rgba(179, 157, 219, 0.1);
}