/*
 * 設計 tokens — 全站唯一的視覺變數來源（design/DESIGN.md 第五章治理規則）
 * 頁面代碼只准引用這些變數，禁止裸 hex。新增顏色必須先修訂 DESIGN.md。
 */
:root {
  /* 主色 */
  --color-primary: #5B5CE8;
  --color-primary-hover: #4849C9;
  --color-primary-tint: #E9EAFC;

  /* 表面 */
  --color-bg: #F5F6FC;
  --color-bg-hero: #EEF0FA;
  --color-surface: #FFFFFF;

  /* 文字 */
  --color-text: #1F2430;
  --color-text-secondary: #666D7C;
  --color-text-muted: #98A0AF;

  /* 邊框 */
  --color-border: #E6E9F4;

  /* 五階段代表色 */
  --stage-1: #3D7BF7;
  --stage-2: #2FBF63;
  --stage-3: #F5A524;
  --stage-4: #14B8C4;
  --stage-5: #8B5CF6;

  /* 語意色 */
  --color-success: #2FBF63;
  --color-warning: #F5A524;
  --color-danger: #EF4444;

  /* 陰影（全站僅此兩檔） */
  --shadow-card: 0 8px 24px rgba(91, 92, 232, 0.10);
  --shadow-sm: 0 2px 8px rgba(31, 36, 48, 0.06);

  /* 圓角（全站僅此三檔） */
  --radius-card: 16px;
  --radius-control: 12px;
  --radius-pill: 999px;

  /* 字體 */
  --font-sans: 'Noto Sans TC', system-ui, -apple-system, 'PingFang TC', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
}

[data-theme='dark'] {
  --color-primary: #7B7DF0;
  --color-primary-hover: #9496F4;
  --color-primary-tint: rgba(123, 125, 240, 0.16);

  --color-bg: #14161F;
  --color-bg-hero: #191B28;
  --color-surface: #1E2130;

  --color-text: #E8EAF2;
  --color-text-secondary: #A6ADC0;
  --color-text-muted: #6E7690;

  --color-border: #2A2E42;

  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.30);
}