/* ========== 主题变量（VALORANT 红黑主题） ========== */
:root {
  /* 主色调 */
  --primary-color: #FF4655;
  --primary-hover: #E63946;
  --primary-active: #BD3944;
  --secondary-color: #0F1923;
  --accent-color: #BD3944;

  /* 功能色 */
  --success-color: #4CAF50;
  --warning-color: #FFC107;
  --error-color: #F44336;
  --info-color: #2196F3;

  /* 文字色 */
  --text-primary: #ECE8E1;
  --text-secondary: #A9B5B0;
  --text-tertiary: #768079;
  --text-disabled: #4A5560;

  /* 背景色 */
  --bg-primary: #0F1923;
  --bg-secondary: #1C2B3A;
  --bg-tertiary: #283544;
  --bg-hover: #324155;
  --bg-overlay: rgba(15, 25, 35, 0.85);

  /* 边框色 */
  --border-color: #2A3A4A;
  --border-hover: #3D556A;

  /* 渐变 */
  --gradient-primary: linear-gradient(135deg, #FF4655 0%, #BD3944 100%);
  --gradient-dark: linear-gradient(180deg, #0F1923 0%, #1C2B3A 100%);
  --gradient-red: linear-gradient(135deg, #FF4655 0%, #FF6B7A 100%);

  /* 阴影 */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-primary: 0 4px 16px rgba(255, 70, 85, 0.3);

  /* 圆角 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* 间距 */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;

  /* 字号 */
  --font-xs: 12px;
  --font-sm: 14px;
  --font-md: 16px;
  --font-lg: 18px;
  --font-xl: 20px;
  --font-2xl: 24px;
  --font-3xl: 32px;
  --font-4xl: 48px;

  /* 过渡 */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-slow: 0.4s ease;

  /* 布局 */
  --header-height: 64px;
  --sidebar-width: 240px;
  --content-max-width: 1440px;
  --z-header: 1000;
  --z-modal: 2000;
  --z-toast: 3000;
  --z-danmaku: 500;
}