:root {
  --bg: #f4f7fb;
  --surface: #ffffff;
  --surface-soft: #f8fafc;

  --border: #e4e9f0;

  --text: #172033;
  --text-soft: #667085;
  --text-muted: #98a2b3;

  --primary: #1677ff;
  --primary-soft: #eaf3ff;

  --success: #16a34a;
  --success-soft: #eaf8ef;

  --warning: #d97706;
  --warning-soft: #fff6df;

  --danger: #dc2626;
  --danger-soft: #fff0f0;

  --sidebar-width: 248px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  --shadow-sm:
    0 1px 3px rgba(16, 24, 40, 0.05),
    0 1px 2px rgba(16, 24, 40, 0.04);
}