/* ====================
   品牌色系統 (Brand Color System)

   命名規則：--brand-{組別}-{色階}
   - 組別（1, 2, 3...）：品牌色編號，數量依專案需求增減
   - 色階（50~950）：深淺程度，數字越大越深

   範例：--brand-1-200 = 第 1 組品牌色的 200 色階
   ==================== */

:root {
  /* ==================== 品牌色 1 ==================== */
  --brand-1: #006bce; /* 基本值 */
  --brand-1-hover: #005fc2; /* hover = 600 */
  --brand-1-active: #003e92; /* active = 700 */
  --brand-1-50: #ebf3fb;
  --brand-1-100: #dbe9f9;
  --brand-1-200: #bedcfb;
  --brand-1-300: #81b9fd;
  --brand-1-400: #359af6;
  --brand-1-500: #006bce; /* = --brand-1 */
  --brand-1-600: #005fc2;
  --brand-1-700: #003e92;
  --brand-1-800: #0d3070;
  --brand-1-900: #142850;
  --brand-1-950: #152139;

  /* ==================== 品牌色 2 ==================== */
  --brand-2: #c1996b; /* 基本值 */
  --brand-2-hover: #b3895a; /* hover = 600 */
  --brand-2-active: #9a7a56; /* active = 700 */
  --brand-2-50: #faf6f0;
  --brand-2-100: #f3ead9;
  --brand-2-200: #e6d4b3;
  --brand-2-300: #d6ba8a;
  --brand-2-400: #cca87b;
  --brand-2-500: #c1996b; /* = --brand-2 */
  --brand-2-600: #b3895a;
  --brand-2-700: #9a7a56;
  --brand-2-800: #7e6347;
  --brand-2-900: #5e4a37;
  --brand-2-950: #41342a;
}