/* 深色模式 */
:root.dark {
  --main-1000: #e1f6fb;
  --main-900:  #c4eaf5;
  --main-800:  #a3d8e8;
  --main-700:  #82c3d6;
  --main-600:  #5faec2;
  --main-500:  #4a9fb8;
  --main-400:  #3996ae;
  --main-300:  #24839a;
  --main-200:  #046a82;
  --main-100:  #035065;
  --main-50:   #023944;
  --main-40:   #01151f;
  --main-30:   #010d14;
  --main-20:   #010a0f;
  --main-10:   #00070a;
  --main-5:    #000405;
  --main-1:    #000102;
  --main-0:    #000000;

  --gray-10000: #ffffff;
  --gray-2000:  #f8fafa;
  --gray-1000:  #f5f7f7;
  --gray-900:   #eff2f2;
  --gray-800:   #eef0f0;
  --gray-700:   #e4e6e6;
  --gray-600:   #d7d9d9;
  --gray-500:   #bdbfbf;
  --gray-400:   #979999;
  --gray-300:   #697070;
  --gray-200:   #4c4d4d;
  --gray-150:   #323333;
  --gray-100:   #1e1f1f;
  --gray-50:    #151616;
  --gray-25:    #0c0d0d;
  --gray-10:    #080808;
  --gray-0:     #030303;

  --main-color: #4a9fb8;
  --main-bright: #5faec2;
  --secondry-color: #8fa5b0;
  --error-color: #ff6b6b;
  --color-primary: #4a9fb8;
  --color-primary-bg: #1a3a42;
  --color-success: #52c41a;
  --color-success-light: #162312;
  --color-error: #ff4d4f;
  --color-error-light: #2a1215;
  --color-info: #3d8fff;
  --color-info-light: #111b26;
  --color-warning: #faad14;
  --color-warning-light: #2b2111;

  /* Chart Colors - 深色模式图表颜色 */
  --chart-primary: var(--main-500);
  --chart-primary-light: var(--main-600);
  --chart-primary-dark: var(--main-400);

  --chart-success: #52c41a;
  --chart-success-light: #73d13d;
  --chart-success-dark: #389e0d;

  --chart-warning: #faad14;
  --chart-warning-light: #ffc53d;
  --chart-warning-dark: #d48806;

  --chart-error: #ff4d4f;
  --chart-error-light: #ff7875;
  --chart-error-dark: #cf1322;

  --chart-info: #1890ff;
  --chart-info-light: #40a9ff;
  --chart-info-dark: #096dd9;

  --chart-secondary: #722ed1;
  --chart-secondary-light: #9254de;
  --chart-secondary-dark: #531dab;

  --chart-accent: #13c2c2;
  --chart-accent-light: #36cfc9;
  --chart-accent-dark: #08979c;

  /* Stats Card Colors - 深色模式统计卡片 */
  --stats-primary-bg: #1e3a8a;
  --stats-primary-color: #93c5fd;
  --stats-success-bg: #14532d;
  --stats-success-color: #86efac;
  --stats-info-bg: #0c4a6e;
  --stats-info-color: #7dd3fc;
  --stats-warning-bg: #78350f;
  --stats-warning-color: #fcd34d;
  --stats-secondary-bg: #581c87;
  --stats-secondary-color: #d8b4fe;
  --stats-error-bg: #7f1d1d;
  --stats-error-color: #fca5a5;

  --bg-sider: #141414;
  --color-text: #ffffff;

  /* Ant Design 兼容变量 - 深色模式 */
  --color-bg-container: #1f1f1f;
  --color-bg-elevated: #262626;
  --color-text-secondary: rgba(255, 255, 255, 0.65);
  --color-text-tertiary: rgba(255, 255, 255, 0.45);

  /* Shadow System - 深色模式阴影系统 */
  --shadow-0: rgba(0, 0, 0, 0.1);
  --shadow-1: rgba(0, 0, 0, 0.2);
  --shadow-2: rgba(0, 0, 0, 0.3);
  --shadow-3: rgba(0, 0, 0, 0.4);
  --shadow-4: rgba(0, 0, 0, 0.5);
  --shadow-5: rgba(0, 0, 0, 0.6);

  /* Extended Chart Variables - 扩展图表变量 */
  --chart-primary-lighter: var(--chart-primary-light);
  --chart-info-lighter: var(--chart-info-light);
  --chart-primary-shadow: rgba(74, 159, 184, 0.4);
  --chart-info-shadow: rgba(24, 144, 255, 0.4);

  --color-trans-light: rgba(0, 0, 0, 0.85);
  --color-trans-dark: rgba(255, 255, 255, 0.85);
}

:root.dark .markmap {
  --markmap-max-width: 9999px;
  --markmap-a-color: var(--main-500);
  --markmap-a-hover-color: var(--main-600);
  --markmap-code-bg: var(--gray-50);
  --markmap-code-color: var(--gray-700);
  --markmap-highlight-bg: var(--color-warning-light);
  --markmap-table-border: 1px solid currentColor;
  --markmap-font: 300 16px / 20px sans-serif;
  --markmap-circle-open-bg: var(--main-0);
  --markmap-text-color: var(--gray-700);
  --markmap-highlight-node-bg: var(--color-error-light);
}

:root.dark .md-editor {
  --md-bk-color: var(--gray-0);
}