:root {
  --brand: #0f766e;
  --brand-hover: #115e59;
  --brand-soft: #e8f4f1;
  --focus-ring: #43867f;
  --hover-border: #b8d3cf;
  --focus-halo: #0f766e1f;
  --on-brand: #ffffff;
  --canvas: #f5f7fa;
  --surface: #ffffff;
  --surface-subtle: #f8fafc;
  --text: #17212f;
  --text-secondary: #475569;
  --text-muted: #64748b;
  --border: #e2e8ef;
  --nav: #14232d;
  --nav-text: #b9c8ce;
  --nav-selected: #25423f;
  --danger: #b91c1c;
  --danger-soft: #fef2f2;
  --warning: #92400e;
  --warning-soft: #fffbeb;
  --warning-border: #fde68a;
  --info: #1d4ed8;
  --info-soft: #eff6ff;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --radius: 6px;
  --radius-lg: 8px;
  --table-check-width: 44px;
  --table-account-width: 170px;
  --table-plan-width: 240px;
  --control-height: 32px;
  --control-height-compact: 30px;
  --font: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-size: 13px;
  --shadow: 0 12px 40px #17212f18;
  --shadow-dialog: 0 24px 80px #0f172a26;
  --scrim: #0f172a66;
  --motion-fast: 140ms;
  --layer-sidebar: 20;
  --layer-header: 10;
  --layer-feedback: 100;
  font-family: var(--font);
  font-size: var(--font-size);
  color: var(--text);
  background: var(--canvas);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}