/* ============================================
   CSS 鍙橀噺绯荤粺 - 涓婚閰嶈壊
   榛樿锛氬姵鍔″畼缃戝師鐗堢孩鑹�
   ============================================ */

:root {
  /* 涓昏壊 */
  --color-primary: #dd3333;
  --color-primary-hover: #c22a2a;
  --color-primary-light: #fce8e8;
  --color-primary-rgb: 221, 51, 51;

  /* 鏂囧瓧棰滆壊 */
  --color-text-primary: #1a1a1a;
  --color-text-secondary: #666666;
  --color-text-tertiary: #999999;
  --color-text-white: #ffffff;
  --color-text-inverse: #ffffff;

  /* 鑳屾櫙棰滆壊 */
  --color-bg-white: #ffffff;
  --color-bg-light: #f8f8f8;
  --color-bg-gray: #f5f5f5;
  --color-bg-dark: #1a1a1a;

  /* 杈规棰滆壊 */
  --color-border: #e6e6e6;
  --color-border-light: #f0f0f0;

  /* 闃村奖 */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);
  --shadow-nav: 0 2px 12px rgba(0, 0, 0, 0.1);

  /* 瀛椾綋 */
  --font-family-base: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* 瀹瑰櫒 */
  --container-max-width: 1760px;
  --container-padding: 0;

  /* 瀵艰埅楂樺害 */
  --nav-height: 80px;

  /* 鍦嗚 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 50%;
  
  
  
  /**-----------------------------------------------------------------------------------------------------------------*/

  /* Text Colors */
  --color-text-title: #222222;
  --color-text-body: #333333;
  --color-text-secondary: #666666;
  --color-text-light: #999999;
  --color-text-white: #ffffff;

  /* Background Colors */
  --color-bg-white: #ffffff;
  --color-bg-light: #f7f7f7;
  --color-bg-dark: #222222;
  --color-bg-footer: #1a1a1a;

  /* Border Colors */
  --color-border: #e5e5e5;
  --color-border-light: #eeeeee;

  /* Shadow */
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-nav: 0 2px 12px rgba(0, 0, 0, 0.08);

  /* Container */
  --container-max-width: 1760px;
  --container-padding: 40px;

  /* Transition */
  --transition-base: all 0.3s ease;
  --transition-fast: all 0.2s ease;
  --transition-slow: all 0.5s ease;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Font Sizes */
  --font-xs: 12px;
  --font-sm: 14px;
  --font-base: 16px;
  --font-md: 18px;
  --font-lg: 20px;
  --font-xl: 24px;
  --font-2xl: 32px;
  --font-3xl: 42px;
  --font-4xl: 56px;

  
  
  
  
}

/* ============================================
   涓婚 1: SaaS-鏋佺畝钃�
   ============================================ */
body.theme-1 {
  --color-primary: #2b57bc;
  --color-primary-hover: #1f45a0;
  --color-primary-light: #e9effc;
  --color-primary-rgb: 43, 87, 188;
}

/* ============================================
   涓婚 2: 鍒堕�犱笟-娌夌ǔ宸ヤ笟
   ============================================ */
body.theme-2 {
  --color-primary: #222222;
  --color-primary-hover: #000000;
  --color-primary-light: #eeeeee;
  --color-primary-rgb: 34, 34, 34;
}

/* ============================================
   涓婚 3: 鍩硅-鏆栨娲诲姏
   ============================================ */
body.theme-3 {
  --color-primary: #f27822;
  --color-primary-hover: #d96718;
  --color-primary-light: #fff0e4;
  --color-primary-rgb: 242, 120, 34;
}

/* ============================================
   涓婚 4: 椁愰ギ-椋熸绾�
   ============================================ */
body.theme-4 {
  --color-primary: #d62c2c;
  --color-primary-hover: #b81f1f;
  --color-primary-light: #fde9e9;
  --color-primary-rgb: 214, 44, 44;
}

/* ============================================
   涓婚 5: 寰嬫墍-涓撲笟绋抽噸妫�
   ============================================ */
body.theme-5 {
  --color-primary: #8c582f;
  --color-primary-hover: #724623;
  --color-primary-light: #f5ede6;
  --color-primary-rgb: 140, 88, 47;
}

/* ============================================
   涓婚 6: 鍜ㄨ-鍟嗗姟娣辫摑
   ============================================ */
body.theme-6 {
  --color-primary: #244480;
  --color-primary-hover: #183263;
  --color-primary-light: #e8edf6;
  --color-primary-rgb: 36, 68, 128;
}

/* ============================================
   涓婚 7: 鐢靛晢-娲诲姏姗欑孩
   ============================================ */
body.theme-7 {
  --color-primary: #e63939;
  --color-primary-hover: #c92929;
  --color-primary-light: #fde8e8;
  --color-primary-rgb: 230, 57, 57;
}

/* ============================================
   涓婚 8: 鍖荤編-浼橀泤绮夐噾
   ============================================ */
body.theme-8 {
  --color-primary: #a8498c;
  --color-primary-hover: #8c3a73;
  --color-primary-light: #f9eaf4;
  --color-primary-rgb: 168, 73, 140;
}

/* ============================================
   涓婚 9: 鍖荤枟-娲佸噣钃濈櫧
   ============================================ */
body.theme-9 {
  --color-primary: #088c7c;
  --color-primary-hover: #066e61;
  --color-primary-light: #e6f5f3;
  --color-primary-rgb: 8, 140, 124;
}

/* ============================================
   涓婚 10: 鐗╂祦-楂樻晥娣辫摑
   ============================================ */
body.theme-10 {
  --color-primary: #2b57bc;
  --color-primary-hover: #1f45a0;
  --color-primary-light: #e9effc;
  --color-primary-rgb: 43, 87, 188;
}

/* ============================================
   涓婚 11: 閲戣瀺-娌夌ǔ闈涜摑閲�
   ============================================ */
body.theme-11 {
  --color-primary: #1c3b73;
  --color-primary-hover: #142d5a;
  --color-primary-light: #e7ecf4;
  --color-primary-rgb: 28, 59, 115;
}

/* ============================================
   涓婚 12: 閫氱敤-娓呮柊钖勮嵎
   ============================================ */
body.theme-12 {
  --color-primary: #20a86c;
  --color-primary-hover: #188856;
  --color-primary-light: #e6f6ef;
  --color-primary-rgb: 32, 168, 108;
}