@import url("twots-unified.css");
/**
 * 十月飛雲 (twots.top) - Support Service
 * 深淺主題色彩變數定義
 * 嚴格遵循 Ref(參考)/深淺顏色.md
 */

:root {
  /* ☀️ 淺色模式 (Light Mode) 預設 */
  --bg-primary: #FFFFFF;
  --bg-secondary: #F8F9FA;
  --bg-card: #FFFFFF;
  --text-primary: #202124;
  --text-secondary: #5F6368;
  --border-color: #DADCE0;

  /* 品牌重點色 (十月飛雲代表藍) */
  --brand-primary: #0284C7;
  --brand-primary-hover: #0369A1;
  --brand-primary-light: #E0F2FE;

  /* 狀態輔助色 */
  --success: #10B981;
  --success-bg: #ECFDF5;
  --warning: #F59E0B;
  --warning-bg: #FFFBEB;
  --danger: #EF4444;
  --danger-bg: #FEF2F2;
  --info: #3B82F6;
  --info-bg: #EFF6FF;
  --purple: #8B5CF6;
  --purple-bg: #F5F3FF;

  /* 陰影與圓角 */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
}

[data-theme="dark"] {
  /* 🌙 深色模式 (Dark Mode) */
  --bg-primary: #202124;
  --bg-secondary: #303134;
  --bg-card: #292A2D;
  --text-primary: #E8EAED;
  --text-secondary: #BDC1C6;
  --border-color: #5F6368;

  --brand-primary: #38BDF8;
  --brand-primary-hover: #7DD3FC;
  --brand-primary-light: rgba(56, 189, 248, 0.15);

  --success: #34D399;
  --success-bg: rgba(16, 185, 129, 0.2);
  --warning: #FBBF24;
  --warning-bg: rgba(245, 158, 11, 0.2);
  --danger: #F87171;
  --danger-bg: rgba(239, 68, 68, 0.2);
  --info: #60A5FA;
  --info-bg: rgba(59, 130, 246, 0.2);
  --purple: #A78BFA;
  --purple-bg: rgba(167, 139, 250, 0.2);

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
}