:root {
  --sidebar-bg: #0d1a14;
  --sidebar-hover: #152820;
  --sidebar-active: #1a5c3a;
  --sidebar-text: #9ca89f;
  --sidebar-text-active: #ffffff;
  --sidebar-width: 248px;

  --accent-green: #22c55e;
  --accent-green-dark: #16a34a;
  --accent-blue: #3b82f6;
  --accent-purple: #8b5cf6;
  --accent-orange: #f59e0b;
  --accent-red: #ef4444;
  --accent-teal: #14b8a6;

  --bg-page: #f3f4f6;
  --bg-card: #ffffff;
  --border-color: #e5e7eb;
  --text-primary: #111827;
  --text-secondary: #6b7280;
  --text-muted: #9ca3af;

  --radius-sm: 6px;
  --radius-card: 10px;
  --radius-lg: 12px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.06);

  --navbar-height: 60px;
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --metric-green-bg: #ecfdf5;
  --metric-blue-bg: #eff6ff;
  --metric-purple-bg: #f5f3ff;
  --metric-orange-bg: #fffbeb;
  --metric-red-bg: #fef2f2;
}