/* 生成物。正本は ai-driven-dev-course/slides/design/tokens.css（build-site.sh がコピー） */
/* ============================================================
   スライド デザイントークン
   出典: 元PJ（CoMuse Ticket）の実トークン（origin/master 実測・2026-07-18）
   - 既定パレット Sunset: primary=violet-600 / secondary=coral-600 / accent=amber-500
   - 地は Buyer Light Clean Mode（slate 階調）
   このファイルが配色・タイポ・余白の唯一の正本。スライド本体に色リテラルを書かない。
   ============================================================ */

:root {
  /* --- ブランド3色（Sunset トリプレット） --- */
  --brand-primary:   #7333D4;  /* violet-600 */
  --brand-secondary: #E54D2E;  /* coral-600 */
  --brand-accent:    #F59E0B;  /* amber-500 */

  /* --- violet 階調（見出し・強調の濃淡に限定使用） --- */
  --violet-800: #451E8A;
  --violet-700: #5B24B8;
  --violet-100: #EDE9FE;
  --violet-50:  #F5F3FF;

  /* --- 地とインク（Light Clean Mode） --- */
  --bg-page:    #F8FAFC;  /* slate-50 */
  --bg-surface: #FFFFFF;
  --bg-inset:   #F1F5F9;  /* slate-100 */
  --border:     #E2E8F0;  /* slate-200 */
  --ink:        #0F172A;  /* slate-900 */
  --ink-sub:    #475569;  /* slate-600 */
  --ink-muted:  #64748B;  /* slate-500 */

  /* --- コードブロック（唯一のダーク面） --- */
  --code-bg:   #0F172A;   /* slate-900 */
  --code-ink:  #E2E8F0;
  --code-accent: #A78BFA; /* violet-400（暗地上の明アクセント） */

  /* --- セマンティック（事例カード・合否表示） --- */
  --danger:  #DC2626;
  --danger-bg: #FEF2F2;
  --success: #16A34A;
  --success-bg: #DCFCE7;
  --warning: #CA8A04;
  --warning-bg: #FEF9C3;

  /* --- グラデーション（CoMuse 実装の役割をそのまま移植） ---
     ブランドの正体は「紫→コーラルのグラデーション」。単色紫はフォールバック/admin 色であり
     主要面（リード帯・数値・章番号等）には使わない。
     cta-end: CoMuse 実装と同じく、白文字の WCAG 4.5:1 確保のため終端コーラルを 85%+黒で深める */
  --palette-cta-end: color-mix(in srgb, var(--brand-secondary) 85%, #000);
  --gradient-cta:  linear-gradient(90deg, var(--brand-primary), var(--palette-cta-end));
  --gradient-icon: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));
  --gradient-hero: linear-gradient(120deg, var(--brand-primary) 0%, var(--brand-secondary) 58%, var(--brand-accent) 100%);
  --gradient-brand: var(--gradient-hero); /* 後方互換エイリアス */

  /* --- タイポグラフィ --- */
  --font-sans: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", sans-serif;
  --font-mono: "SF Mono", "Menlo", "Consolas", monospace;
  --fs-hero:    64px;  /* 表紙タイトル */
  --fs-section: 52px;  /* 章扉 */
  --fs-title:   38px;  /* スライド見出し */
  --fs-body:    27px;  /* 本文（最小はこれ。これ未満の本文を作らない） */
  --fs-sub:     22px;  /* 補足・表セル */
  --fs-caption: 17px;  /* 出典・ページ番号（本文には使わない） */
  --fs-stat:    96px;  /* 数値ハイライト */
  --lh-body: 1.6;
  --lh-tight: 1.25;

  /* --- 余白スケール（8px 基準） --- */
  --sp-1: 8px;  --sp-2: 16px;  --sp-3: 24px;  --sp-4: 32px;
  --sp-6: 48px; --sp-8: 64px;  --sp-10: 80px;

  /* --- スライド寸法（16:9） --- */
  --slide-w: 1280px;
  --slide-h: 720px;
  --radius: 10px;
}