:root {
  --bg: #f5f7fa;
  --bg-strong: #edf1f5;
  --surface: #ffffff;
  --surface-alt: #f7f9fb;
  --surface-soft: #f1f5f4;
  --border: #e4e9ee;
  --border-strong: #cfd8df;
  --text: #1f2329;
  --text-secondary: #4e5969;
  --text-muted: #86909c;
  --primary: #07c160;
  --primary-hover: #06ad56;
  --primary-soft: #e9fbf1;
  --success: #07c160;
  --success-soft: #e9fbf1;
  --warning: #b88230;
  --warning-soft: #fff6df;
  --danger: #d84a4a;
  --danger-soft: #fff1f0;
  --shadow-sm: 0 8px 20px rgba(31, 35, 41, 0.04);
  --shadow-md: 0 16px 36px rgba(31, 35, 41, 0.08);
  --radius: 10px;
  --radius-sm: 8px;
  --radius-lg: 16px;
}