/* === 內心戲 Design Tokens START === */
:root {
  /* --- 色彩系統：深色主題 --- */
  --bg-primary: #0f1117;
  --bg-secondary: #1a1d27;
  --bg-tertiary: #242836;
  --bg-elevated: #2a2e3d;

  /* 文字 */
  --text-primary: #e8eaf0;
  --text-secondary: #9ca3b4;
  --text-muted: #5c6378;
  --text-inverse: #0f1117;

  /* 品牌色 */
  --brand-primary: #7c6aef;
  --brand-primary-light: #9b8df5;
  --brand-primary-dark: #5b4bc7;
  --brand-glow: rgba(124, 106, 239, 0.3);

  /* 左欄：冷色系（心理儀表板） */
  --panel-left-bg: #13151f;
  --panel-left-accent: #6366f1;
  --panel-left-border: rgba(99, 102, 241, 0.15);

  /* 中欄：中性色（對話區） */
  --panel-center-bg: #0f1117;
  --chat-bubble-user: #7c6aef;
  --chat-bubble-user-text: #ffffff;
  --chat-bubble-ai: #242836;
  --chat-bubble-ai-text: #e8eaf0;

  /* 右欄：暖色系（心聲面板） */
  --panel-right-bg: #17141f;
  --panel-right-accent: #f59e0b;
  --panel-right-border: rgba(245, 158, 11, 0.15);
  --thought-bubble-bg: rgba(245, 158, 11, 0.08);
  --thought-bubble-border: rgba(245, 158, 11, 0.2);

  /* 維度色彩 */
  --dim-positive: #34d399;       /* 正向維度（越高越好） */
  --dim-negative: #f87171;       /* 負向維度（越低越好） */
  --dim-increase: #34d399;       /* 數值上升 */
  --dim-decrease: #f87171;       /* 數值下降 */
  --dim-neutral: #64748b;        /* 無變化 */
  --dim-bar-bg: rgba(255, 255, 255, 0.06);
  --dim-bar-track: rgba(255, 255, 255, 0.03);

  /* 難度色彩 */
  --diff-easy: #34d399;
  --diff-medium: #fbbf24;
  --diff-hard: #f97316;
  --diff-extreme: #ef4444;

  /* 情境分類色彩 */
  --cat-social: #60a5fa;
  --cat-work: #a78bfa;
  --cat-romance: #f472b6;
  --cat-challenge: #f87171;

  /* 語意色 */
  --success: #34d399;
  --warning: #fbbf24;
  --error: #f87171;
  --info: #60a5fa;

  /* --- 字型 --- */
  --font-primary: 'Inter', 'Noto Sans TC', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  --fs-xs: 0.7rem;
  --fs-sm: 0.8rem;
  --fs-base: 0.95rem;
  --fs-md: 1.05rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2rem;
  --fs-3xl: 2.5rem;

  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* --- 間距 --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* --- 圓角 --- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* --- 陰影 --- */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 20px var(--brand-glow);

  /* --- 動畫 --- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --duration-slow: 500ms;

  /* --- 邊框 --- */
  --border-subtle: 1px solid rgba(255, 255, 255, 0.06);
  --border-light: 1px solid rgba(255, 255, 255, 0.1);

  /* --- Z-index --- */
  --z-base: 1;
  --z-dropdown: 100;
  --z-modal: 1000;
  --z-toast: 2000;
}
/* === 內心戲 Design Tokens END === */