:root {
  /* ===== 品牌色（主色）===== */
  --brand-green:        #2E8B57;
  --brand-green-hover:  #267A4A;
  --brand-green-active: #1E6340;
  --brand-green-light:  #E8F5EE;
  --brand-green-50:     #F0FAF4;

  /* ===== 辅助色 ===== */
  --accent-orange:      #E8913A;
  --accent-orange-light:#FFF3E0;
  --accent-purple:      #6C5CE7;
  --accent-purple-light:#F0ECFF;
  --accent-blue:        #3498DB;

  /* ===== 功能色 ===== */
  --success:            #27AE60;
  --success-bg:         #E8F8F0;
  --warning:            #F39C12;
  --warning-bg:         #FEF5E7;
  --danger:             #E74C3C;
  --danger-bg:          #FDEDEC;
  --info:               #3498DB;
  --info-bg:            #EBF5FB;

  /* ===== 中性色 ===== */
  --text-primary:        #1A1A2E;
  --text-secondary:      #4A4A6A;
  --text-tertiary:       #7A7A9A;
  --text-disabled:       #B0B0C0;
  --text-on-dark:        #FFFFFF;

  --bg-page:             #F5F6FA;
  --bg-card:             #FFFFFF;
  --bg-elevated:         #FFFFFF;
  --bg-hover:            #F8F9FC;
  --bg-active:           #EEF1F8;
  --bg-disabled:         #F0F0F5;

  --border-light:        #E8E9EF;
  --border-base:         #D8DAE2;
  --border-strong:       #B8BCC8;

  /* ===== 间距（8px 网格）===== */
  --space-0:   0;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;

  /* ===== 字号 ===== */
  --font-xs:    12px;
  --font-sm:    14px;
  --font-base:  15px;
  --font-md:    17px;
  --font-lg:    19px;
  --font-xl:    22px;
  --font-2xl:   26px;
  --font-3xl:   30px;
  --font-4xl:   32px;

  /* ===== 行高 ===== */
  --lh-tight:   1.2;
  --lh-base:    1.4;
  --lh-relaxed: 1.6;

  /* ===== 字重 ===== */
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold:600;
  --fw-bold:    700;

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

  /* ===== 阴影 ===== */
  --shadow-xs:   0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm:   0 2px 4px rgba(0,0,0,0.06);
  --shadow-md:   0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg:   0 8px 24px rgba(0,0,0,0.12);
  --shadow-xl:   0 16px 48px rgba(0,0,0,0.16);

  /* ===== 动效 ===== */
  --dur-instant: 0ms;
  --dur-fast:    150ms;
  --dur-base:    250ms;
  --dur-slow:    400ms;
  --ease-out:    cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ===== 状态色映射 ===== */
  --status-active:  var(--success);
  --status-warning: var(--accent-orange);
  --status-danger:  var(--danger);
  --status-info:    var(--accent-blue);
  --status-done:    var(--text-disabled);
}