/* 主题变量：浅色默认，[data-theme="dark"] 覆盖 */
:root {
  color-scheme: light;
  --bg: #f0f4f8;
  --surface: #ffffff;
  --surface-elevated: #ffffff;
  --bg-hover: #f8fafc;
  --bg-muted: #f1f5f9;
  --bg-subtle: #fafbfc;
  --primary: #2563eb;
  --primary-hover: #1d4ed8;
  --primary-soft: #eff6ff;
  --success: #059669;
  --success-hover: #047857;
  --success-soft: #ecfdf5;
  --success-text: #047857;
  --danger: #dc2626;
  --danger-hover: #b91c1c;
  --danger-soft: #fee2e2;
  --danger-text: #991b1b;
  --warning-soft: #ede9fe;
  --warning-text: #5b21b6;
  --info-soft: #dbeafe;
  --info-text: #1e40af;
  --text: #1e293b;
  --text-muted: #64748b;
  --text-faint: #94a3b8;
  --border: #e2e8f0;
  --border-strong: #cbd5e1;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.2);
  --overlay: rgba(15, 23, 42, 0.45);
  --radius: 8px;
  --nav-width: 260px;
  --badge-neutral-bg: #e2e8f0;
  --bar-track: #e2e8f0;
  --input-disabled: #f1f5f9;
  --login-gradient: linear-gradient(145deg, #dbeafe 0%, #f1f7fe 40%, #e0ecfb 100%);
  --login-box-bg: #f1f7fe;
  --login-section-bg: #e0ecfb;
  --login-input-bg: #ffffff;
  --login-input-focus: #f8fbff;
  --toast-bg: #1e293b;
  --toast-text: #ffffff;
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0f172a;
  --surface: #1e293b;
  --surface-elevated: #243044;
  --bg-hover: #334155;
  --bg-muted: #283548;
  --bg-subtle: #1a2332;
  --primary: #3b82f6;
  --primary-hover: #60a5fa;
  --primary-soft: rgba(59, 130, 246, 0.15);
  --success: #10b981;
  --success-hover: #34d399;
  --success-soft: rgba(16, 185, 129, 0.15);
  --success-text: #6ee7b7;
  --danger: #ef4444;
  --danger-hover: #f87171;
  --danger-soft: rgba(239, 68, 68, 0.15);
  --danger-text: #fca5a5;
  --warning-soft: rgba(139, 92, 246, 0.18);
  --warning-text: #c4b5fd;
  --info-soft: rgba(59, 130, 246, 0.18);
  --info-text: #93c5fd;
  --text: #f1f5f9;
  --text-muted: #94a3b8;
  --text-faint: #64748b;
  --border: #334155;
  --border-strong: #475569;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.55);
  --overlay: rgba(0, 0, 0, 0.65);
  --badge-neutral-bg: #475569;
  --bar-track: #334155;
  --input-disabled: #283548;
  --login-gradient: linear-gradient(145deg, #0f172a 0%, #1e293b 50%, #172554 100%);
  --login-box-bg: #1e293b;
  --login-section-bg: #172554;
  --login-input-bg: #0f172a;
  --login-input-focus: #243044;
  --toast-bg: #f1f5f9;
  --toast-text: #0f172a;
}