/*
 * 自動生成ファイル — 直接編集しない。
 *
 * 正は src/constants/theme.ts。値を変えたら `npm run build:tokens` で再生成する
 * （再生成を忘れると `npm run check` が落ちる）。
 */

:root {
  color-scheme: light dark;

  /* 色 — Colors.light */
  --color-background: #f8fafc;
  --color-surface: #ffffff;
  --color-border: #e2e8f0;
  --color-text: #0f172a;
  --color-text-muted: #64748b;
  --color-text-inverse: #ffffff;
  --color-accent: #059669;
  --color-on-accent: #ffffff;
  --color-accent-surface: #d1fae5;
  --color-danger: #dc2626;
  --color-success: #059669;
  --color-success-surface: #ecfdf5;
  --color-processing: #2563eb;
  --color-mic-idle: #1e293b;
  --color-mic-active: #dc2626;
  --color-modal-scrim: rgba(15, 23, 42, 0.4);

  /* 余白 — Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* 角丸 — Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 999px;

  /* 影 — Shadows（shadowRadius を blur に読み替えた近似） */
  --shadow-sm: 0px 4px 12px color-mix(in srgb, var(--color-text) 6%, transparent);
  --shadow-lg: 0px 2px 8px color-mix(in srgb, var(--color-text) 20%, transparent);

  /* 書体 — Fonts（web のファミリ名は generator の対応表で変換） */
  --font-fallback: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans', 'Noto Sans JP', sans-serif;
  --font-display: 'Zen Maru Gothic', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans', 'Noto Sans JP', sans-serif;
  --weight-display: 700;
  --font-body: 'M PLUS Rounded 1c', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans', 'Noto Sans JP', sans-serif;
  --weight-body: 400;
  --font-body-medium: 'M PLUS Rounded 1c', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans', 'Noto Sans JP', sans-serif;
  --weight-body-medium: 500;

  /* タイポ — Typography */
  --text-amount-large: 32px;
  --text-title: 20px;
  --text-body: 16px;
  --text-body-bold: 16px;
  --text-caption: 13px;
  --text-tiny: 9px;
  --text-transcript: 22px;
  --text-record-headline: 24px;
  --leading-record-headline: 32px;
  --tracking-record-headline: 0.3px;
  --text-record-detail: 17px;
  --leading-record-detail: 26px;
  --tracking-record-detail: 0.2px;
  --text-record-hint: 13px;
  --leading-record-hint: 18px;
  --tracking-record-hint: 0.6px;

  /* タップ領域 — MinTapTarget */
  --min-tap-target: 44px;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* 色 — Colors.dark */
    --color-background: #0f172a;
    --color-surface: #1e293b;
    --color-border: #334155;
    --color-text: #f1f5f9;
    --color-text-muted: #94a3b8;
    --color-text-inverse: #0f172a;
    --color-accent: #34d399;
    --color-on-accent: #052e16;
    --color-accent-surface: #13392e;
    --color-danger: #f87171;
    --color-success: #34d399;
    --color-success-surface: #064e3b;
    --color-processing: #60a5fa;
    --color-mic-idle: #334155;
    --color-mic-active: #b91c1c;
    --color-modal-scrim: rgba(0, 0, 0, 0.6);
  }
}