:root {
  --color-sidebar: #173f43;
  --color-sidebar-hover: #1f4b4f;
  --color-sidebar-active: #24565a;
  --color-sidebar-text: #dce9e7;
  --color-sidebar-muted: #9fb7b5;
  --color-canvas: #f5f6f4;
  --color-surface: #ffffff;
  --color-surface-muted: #f0f3f1;
  --color-border: #dfe4e1;
  --color-border-strong: #cbd4d0;
  --color-text: #263331;
  --color-muted: #697572;
  --color-accent: #1f6b70;
  --color-accent-hover: #18585c;
  --color-accent-soft: #e2f0ef;
  --color-success: #25654d;
  --color-success-soft: #e1f1e9;
  --color-warning: #7b5819;
  --color-warning-soft: #f7edcf;
  --color-danger: #9a403b;
  --color-danger-soft: #f7e5e3;
  --color-info: #315f78;
  --color-info-soft: #e3edf2;
  --color-focus: #73aeb0;
  --color-overlay: rgba(18, 35, 35, .46);
  --shadow-card: 0 4px 14px rgba(20, 49, 48, .07);
  --shadow-login: 0 18px 44px rgba(20, 49, 48, .12);
  --focus-ring: 0 0 0 3px var(--color-focus);
  --radius-sm: 5px;
  --radius-control: 5px;
  --sidebar-width: 240px;
  --topbar-height: 64px;
  --content-width: 1540px;
  --font-sans: Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
  --font-mono: Consolas, Monaco, "Courier New", monospace;
}