:root {
  --primary-color: #1677ff;
  --primary-hover: #4096ff;

  --stage-brand-soft: rgba(22, 119, 255, 0.14);
  --stage-brand-hover: rgba(22, 119, 255, 0.2);
  --stage-brand-border: rgba(22, 119, 255, 0.42);
  --stage-brand-border-strong: rgba(22, 119, 255, 0.65);
  --stage-brand-glow: rgba(22, 119, 255, 0.35);
  --stage-brand-shadow: rgba(22, 119, 255, 0.18);
  --stage-brand-shadow-strong: rgba(22, 119, 255, 0.26);

  --bg-page: #f0f2f5;
  --bg-card: #ffffff;
  --card-bg: #ffffff;
  --text-primary: rgba(0, 0, 0, 0.87);

  /* 登录页专用变量 - 亮色模式 */
  --login-bg-gradient: linear-gradient(135deg, #1e293b 0%, #334155 25%, #475569 50%, #334155 75%, #1e293b 100%);
  --login-bg-overlay1: rgba(100, 116, 139, 0.03);
  --login-bg-overlay2: rgba(148, 163, 184, 0.02);
  --login-bg-overlay3: rgba(203, 213, 225, 0.02);
  --login-glow1: rgba(59, 130, 246, 0.08);
  --login-glow2: rgba(96, 165, 250, 0.05);
  --login-glow3: rgba(147, 197, 253, 0.04);
  --login-card-bg: rgba(255, 255, 255, 0.75);
  --login-welcome-color: #0f172a;
  --login-subtitle-color: #475569;

  --login-image-bg: linear-gradient(
    135deg,
    rgba(37, 99, 235, 0.96) 0%,
    rgba(59, 130, 246, 0.9) 52%,
    rgba(99, 179, 237, 0.82) 100%
  );

  --login-orb-primary-core-inner: rgba(191, 219, 254, 0.95);
  --login-orb-primary-core-mid: rgba(96, 165, 250, 0.68);
  --login-orb-primary-core-outer: rgba(37, 99, 235, 0.45);

  --login-input-bg: #ffffff;
  --login-input-hover-bg: #ffffff;
  --login-input-focus-bg: #ffffff;
  --login-input-border: #e2e8f0;
  --login-input-focus-border: #3b82f6;
  --login-input-color: #0f172a;
  --login-input-placeholder: #94a3b8;
  --login-input-icon: #64748b;
  --login-input-icon-hover: #3b82f6;
  --login-footer-border: #e2e8f0;
  --login-theme-toggle-bg: rgba(241, 245, 249, 0.9);
  --login-theme-toggle-border: #cbd5e1;
  --login-theme-toggle-hover-bg: rgba(226, 232, 240, 0.95);
  --login-theme-toggle-hover-border: #3b82f6;
  --login-forgot-color: #64748b;
  --login-forgot-hover-color: #3b82f6;
  --login-forgot-hover-bg: rgba(59, 130, 246, 0.08);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-page: #0b0d10;
    --card-bg: #171c24;
    --bg-card: var(--card-bg);
    --text-primary: rgba(255, 255, 255, 0.87);

    /* 登录页专用变量 - 暗色模式 */
    --login-bg-gradient: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 35%, #262626 100%);
    --login-bg-overlay1: rgba(255, 255, 255, 0.03);
    --login-bg-overlay2: rgba(255, 255, 255, 0.02);
    --login-bg-overlay3: rgba(255, 255, 255, 0.01);
    --login-glow1: rgba(64, 150, 255, 0.08);
    --login-glow2: rgba(255, 255, 255, 0.05);
    --login-glow3: rgba(255, 255, 255, 0.03);
    --login-card-bg: rgba(30, 30, 30, 0.95);
    --login-welcome-color: #f5f5f5;
    --login-subtitle-color: #a3a3a3;

    --login-orb-primary-core-inner: rgba(59, 130, 246, 0.4);
    --login-orb-primary-core-mid: rgba(37, 99, 235, 0.2);
    --login-orb-primary-core-outer: rgba(30, 58, 138, 0.1);

    --login-input-bg: #2a2a2a;
    --login-input-hover-bg: #323232;
    --login-input-focus-bg: #1f1f1f;
    --login-input-border: #424242;
    --login-input-focus-border: #1677ff;
    --login-input-color: #e8e8e8;
    --login-input-placeholder: rgba(255, 255, 255, 0.3);
    --login-input-icon: rgba(255, 255, 255, 0.4);
    --login-input-icon-hover: #4096ff;
    --login-footer-border: rgba(255, 255, 255, 0.08);
    --login-theme-toggle-bg: rgba(255, 255, 255, 0.06);
    --login-theme-toggle-border: rgba(255, 255, 255, 0.1);
    --login-theme-toggle-hover-bg: rgba(24, 144, 255, 0.1);
    --login-theme-toggle-hover-border: #1677ff;
    --login-forgot-color: #a0a0a0;
    --login-forgot-hover-color: #4096ff;
    --login-forgot-hover-bg: rgba(24, 144, 255, 0.08);
  }
}