/* =============================================
   SystemGlobal.css
   全域樣式變數設定 (Ionic Theme Variables)
   ============================================= */

/** * 預設亮色主題 (Light Mode) 
 */
:root {
  /** primary (主要顏色 - 預設藍色) */
  --ion-color-primary: #3880ff;

  /** secondary (次要顏色 - 預設淺藍) */
  --ion-color-secondary: #3dc2ff;

  /** tertiary (第三顏色 - 預設紫色) */
  --ion-color-tertiary: #5260ff;

  /** success (成功 - 綠色) */
  --ion-color-success: #2dd36f;

  /** warning (警告 - 黃色) */
  --ion-color-warning: #ffc409;

  /** danger (危險 - 紅色) */
  --ion-color-danger: #eb445a;

  /** dark (深色塊 - 深灰/黑) */
  --ion-color-dark: #222428;

  /** medium (中性色 - 灰色) */
  --ion-color-medium: #92949c;

  /** light (淺色塊 - 灰白) */
  --ion-color-light: #f4f5f8;

  /** Application Background & Text (全域背景與文字) */
  --ion-background-color: #ffffff;
  --ion-text-color: #000000;
}

/** * 暗黑模式 (Dark Mode) 
 * 當 body 加上 class="dark" 時生效
 */
body.dark {
  /* 修改主要顏色，讓它在黑底上更亮眼 */
  --ion-color-primary: #428cff;

  --ion-color-secondary: #50c8ff;

  --ion-color-tertiary: #6a64ff;

  --ion-color-success: #2fdf75;

  --ion-color-warning: #ffd534;

  --ion-color-danger: #ff4961;

  --ion-color-dark: #f4f5f8;

  --ion-color-medium: #989aa2;

  --ion-color-light: #222428;

  /** 全域背景與文字反轉 */
  --ion-background-color: #121212; /* Ionic 官方推薦的深黑色背景 */
  --ion-text-color: #ffffff;
}