/* ================================
   K8璁捐绯荤粺 - CSS鍙橀噺瀹氫箟
   ================================ */

:root {
  /* 涓昏壊璋冪郴缁� */
  --k8-primary: #1B5CE6;           /* 涓诲搧鐗岃摑 */
  --k8-primary-gradient: #4A90E2;  /* 娓愬彉钃� */
  --k8-primary-light: #87CEEB;     /* 娴呰摑鑹� */
  
  /* 鍔熻兘鑹茬郴 */
  --k8-success: #52c41a;           /* 鎴愬姛缁� */
  --k8-warning: #faad14;           /* 璀﹀憡姗� */
  --k8-danger: #f5222d;            /* 閿欒绾� */
  --k8-info: #17a2b8;              /* 淇℃伅钃� */
  
  /* 涓€ц壊绯� */
  --k8-white: #FFFFFF;             /* 绾櫧鑹� */
  --k8-light: #F8F9FA;             /* 娴呯伆鑹� */
  --k8-lighter: #f0f2f5;           /* 鏇存祬鐏� */
  --k8-dark: #333333;              /* 娣辩伆鑹� */
  --k8-darker: #000000;            /* 绾粦鑹� */
  --k8-muted: #6c757d;             /* 闈欓粯鑹� */
  
  /* 杈规鑹茬郴 */
  --k8-border: #dee2e6;            /* 涓昏竟妗� */
  --k8-border-light: #e9ecef;      /* 娴呰竟妗� */
  
  /* 鑳屾櫙鑹茬郴 */
  --k8-bg-primary: var(--k8-primary);
  --k8-bg-secondary: var(--k8-light);
  --k8-bg-light: var(--k8-white);
  --k8-bg-dark: var(--k8-dark);
  
  /* 鏂囨湰鑹茬郴 */
  --k8-text-primary: var(--k8-dark);
  --k8-text-secondary: var(--k8-muted);
  --k8-text-light: var(--k8-white);
  --k8-text-muted: #999999;
  
  /* 椤佃剼涓撶敤鑹茬郴 */
  --k8-footer-bg: #12181f;             /* 椤佃剼鑳屾櫙 */
  --k8-footer-text: #a0a9b8;           /* 椤佃剼鏂囧瓧 */
  
  /* 娓愬彉鑹茬郴 */
  --k8-gradient-primary: linear-gradient(135deg, var(--k8-primary) 0%, var(--k8-primary-gradient) 100%);
  --k8-gradient-light: linear-gradient(135deg, var(--k8-primary-light) 0%, var(--k8-white) 100%);
  --k8-gradient-bg: linear-gradient(135deg, var(--k8-light) 0%, var(--k8-white) 100%);
  
  /* 闃村奖绯荤粺 */
  --k8-shadow-sm: 0 1px 2px rgba(27, 92, 230, 0.05);
  --k8-shadow: 0 2px 8px rgba(27, 92, 230, 0.1);
  --k8-shadow-lg: 0 4px 16px rgba(27, 92, 230, 0.15);
  --k8-shadow-xl: 0 8px 32px rgba(27, 92, 230, 0.2);
  
  /* 鍦嗚绯荤粺 */
  --k8-radius-sm: 4px;
  --k8-radius: 6px;
  --k8-radius-lg: 8px;
  --k8-radius-xl: 12px;
  
  /* 瀛椾綋绯荤粺 */
  --k8-font-family: 'pingfang SC','hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,Roboto,'helvetica neue',arial,sans-serif;
  --k8-font-size: 14px;
  --k8-line-height: 1.5;
  
  /* 闂磋窛绯荤粺 - 鍩轰簬8px */
  --k8-space-1: 4px;
  --k8-space-2: 8px;
  --k8-space-3: 16px;
  --k8-space-4: 24px;
  --k8-space-5: 32px;
  --k8-space-6: 48px;
  --k8-space-7: 64px;
  --k8-space-8: 96px;
  
  /* 鍝嶅簲寮忔柇鐐� */
  --k8-breakpoint-xs: 0px;         /* 瓒呭皬璁惧 */
  --k8-breakpoint-sm: 576px;       /* 灏忚澶� 鎵嬫満 */
  --k8-breakpoint-md: 768px;       /* 涓瓑璁惧 骞虫澘 */
  --k8-breakpoint-lg: 992px;       /* 澶ц澶� 妗岄潰 */
  --k8-breakpoint-xl: 1200px;      /* 瓒呭ぇ璁惧 瀹藉睆妗岄潰 */
  --k8-breakpoint-xxl: 1400px;     /* 瓒呭灞忔闈� */
  
  /* 甯哥敤璁惧鏂偣 */
  --k8-mobile-portrait: 480px;     /* 鎵嬫満绔栧睆 */
  --k8-mobile-landscape: 640px;    /* 鎵嬫満妯睆 */
  --k8-tablet-portrait: 768px;     /* 骞虫澘绔栧睆 */
  --k8-tablet-landscape: 1024px;   /* 骞虫澘妯睆 */
  --k8-laptop: 1366px;             /* 绗旇鏈� */
  --k8-desktop: 1920px;            /* 鍙板紡鏈� */
  
  /* 鍐呭瀹藉害鏂偣 */
  --k8-content-narrow: 640px;      /* 绐勫唴瀹� */
  --k8-content-medium: 768px;      /* 涓瓑鍐呭 */
  --k8-content-wide: 1024px;       /* 瀹藉唴瀹� */
  
  /* 瀹瑰櫒鏈€澶у搴� */
  --k8-container-xs: 100%;         /* 瓒呭皬璁惧瀹瑰櫒 */
  --k8-container-sm: 540px;        /* 灏忚澶囧鍣� */
  --k8-container-md: 720px;        /* 涓瓑璁惧瀹瑰櫒 */
  --k8-container-lg: 960px;        /* 澶ц澶囧鍣� */
  --k8-container-xl: 1140px;       /* 瓒呭ぇ璁惧瀹瑰櫒 */
  --k8-container-xxl: 1320px;      /* 瓒呭璁惧瀹瑰櫒 */
  
  /* 鍏煎鎬у鍣ㄥ搴� */
  --k8-container-mobile: 100%;
  --k8-container-tablet: 720px;
  --k8-container-desktop: 960px;
  --k8-container-wide: 1200px;
  
  /* 鍝嶅簲寮忓瓧浣撳ぇ灏� */
  --k8-font-xs: 12px;              /* 瓒呭皬瀛椾綋 */
  --k8-font-sm: 14px;              /* 灏忓瓧浣� */
  --k8-font-md: 16px;              /* 涓瓑瀛椾綋 */
  --k8-font-lg: 18px;              /* 澶у瓧浣� */
  --k8-font-xl: 20px;              /* 瓒呭ぇ瀛椾綋 */
  --k8-font-xxl: 24px;             /* 瓒呰秴澶у瓧浣� */
  
  /* 鍝嶅簲寮忕綉鏍煎垪鏁� */
  --k8-grid-columns-xs: 1;         /* 瓒呭皬灞忕綉鏍煎垪 */
  --k8-grid-columns-sm: 2;         /* 灏忓睆缃戞牸鍒� */
  --k8-grid-columns-md: 3;         /* 涓睆缃戞牸鍒� */
  --k8-grid-columns-lg: 4;         /* 澶у睆缃戞牸鍒� */
  --k8-grid-columns-xl: 6;         /* 瓒呭ぇ灞忕綉鏍煎垪 */
  
  /* 鍝嶅簲寮忛棿璺� */
  --k8-space-responsive-xs: var(--k8-space-1);
  --k8-space-responsive-sm: var(--k8-space-2);
  --k8-space-responsive-md: var(--k8-space-3);
  --k8-space-responsive-lg: var(--k8-space-4);
  --k8-space-responsive-xl: var(--k8-space-5);
  
  /* Z-index灞傜骇 */
  --k8-z-dropdown: 1000;
  --k8-z-sticky: 1020;
  --k8-z-fixed: 1030;
  --k8-z-modal-backdrop: 1040;
  --k8-z-modal: 1050;
  --k8-z-popover: 1060;
  --k8-z-tooltip: 1070;
  
  /* 杩囨浮鍔ㄧ敾 */
  --k8-transition-fast: 0.15s ease-in-out;
  --k8-transition: 0.3s ease-in-out;
  --k8-transition-slow: 0.5s ease-in-out;
  
  /* 琛ㄥ崟鍏冪礌楂樺害 */
  --k8-input-height: 40px;
  --k8-input-height-sm: 32px;
  --k8-input-height-lg: 48px;
  
  /* 鎸夐挳鏈€灏忓昂瀵� */
  --k8-button-min-width: 80px;
  --k8-button-height: 40px;
  --k8-button-height-sm: 32px;
  --k8-button-height-lg: 48px;
}