/* CSS 变量 - 参考咸鱼之王配色，深色主题+暖金强调 */
:root {
  /* 主色调 */
  --color-primary: #e8a930;
  --color-primary-dark: #b8862a;
  --color-primary-light: #f0c050;
  --color-secondary: #2d5a8f;
  --color-accent: #e74c3c;

  /* 背景渐变 */
  --bg-main: #0d1117;
  --bg-dark: #161b22;
  --bg-darker: #0a0e14;
  --bg-panel: #1c2333;
  --bg-panel-light: #252d40;
  --bg-card: #1a2030;
  --bg-card-hover: #222a3d;
  --bg-overlay: rgba(0, 0, 0, 0.75);

  /* 文字 */
  --text-primary: #e8d5b0;
  --text-secondary: #9ba3b4;
  --text-muted: #5c6573;
  --text-gold: #ffd700;
  --text-red: #ff5555;
  --text-green: #4cd964;
  --text-blue: #4a9eff;
  --text-white: #f0f0f0;

  /* 品质色 */
  --quality-n: #9d9d9d;
  --quality-r: #4a9eff;
  --quality-sr: #a855f7;
  --quality-ssr: #f59e0b;
  --quality-ur: #ef4444;

  /* 阵营色 */
  --faction-wei: #4a9eff;
  --faction-shu: #ef4444;
  --faction-wu: #4cd964;
  --faction-qun: #a855f7;

  /* 尺寸 */
  --nav-h: 56px;
  --topbar-h: 44px;
  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 14px;

  /* 渐变 */
  --grad-gold: linear-gradient(135deg, #f0c050, #e8a930, #b8862a);
  --grad-blue: linear-gradient(135deg, #4a9eff, #2d5a8f);
  --grad-red: linear-gradient(135deg, #ff6b6b, #e74c3c);
  --grad-green: linear-gradient(135deg, #5ee27a, #3cb051);
  --grad-panel: linear-gradient(180deg, #1c2333, #161b22);
  --grad-card: linear-gradient(180deg, #1a2030, #161b22);
  --grad-nav: linear-gradient(180deg, #1c2333, #0d1117);

  /* 阴影 */
  --shadow-sm: 0 1px 3px 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-glow-gold: 0 0 12px rgba(232,169,48,0.4);
  --shadow-glow-blue: 0 0 12px rgba(74,158,255,0.3);
  --shadow-inset: inset 0 1px 0 rgba(255,255,255,0.05);

  /* 字体 */
  --font-main: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;

  /* 字号 */
  --text-xs: 10px;
  --text-sm: 12px;
  --text-base: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 28px;

  /* 动画 */
  --t-fast: 0.12s ease;
  --t-base: 0.2s ease;
  --t-slow: 0.35s ease;

  /* z-index */
  --z-base: 1;
  --z-nav: 100;
  --z-topbar: 110;
  --z-modal: 200;
  --z-toast: 300;
}