:root {
  /* カラーパレット（黒・チャコールグレー基調） */
  --bg-base: #0A0A0C;
  --bg-surface: #141418;
  --bg-surface-elevated: #1E1E24;
  --bg-input: #101014;

  /* ボーダー */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-focus: #38BDF8;

  /* テキスト */
  --text-primary: #F3F4F6;
  --text-secondary: #9CA3AF;
  --text-muted: #6B7280;

  /* アクセント（分析ツールらしい冷静なシアン） */
  --accent-primary: #38BDF8;
  --accent-primary-dim: rgba(56, 189, 248, 0.15);
  --danger: #EF4444;

  /* タイポグラフィ */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-mono: "SF Mono", Menlo, Monaco, Consolas, monospace;

  /* iPhone Safe Area & レイアウト寸法 */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --header-height: 56px;
  --nav-height: 60px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
}