:root {
  --bg: #f5f6f8;
  --surface: #ffffff;
  --surface-muted: #f0f1f4;
  --border: #e8eaef;
  --text: #1a1d26;
  --text-muted: #6b7280;
  --text-light: #9ca3af;
  --primary: #f97316;
  --primary-hover: #ea580c;
  --primary-soft: #fff7ed;
  --accent-gradient: linear-gradient(135deg, #fb923c 0%, #f97316 50%, #ea580c 100%);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --container: 1180px;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}