:root {
  /* Colors */
  --primary: #2BD9B9;
  --primary-light: #26BFA3;
  --primary-dark: #26BFA3;
  
  /* Status Colors */
  --success: #10b981;
  --danger: #ef4444;
  --error: #ef4444; /* Alias for danger */
  
  /* Backgrounds */
  --bg-dark: #000000;
  --bg-secondary: #0a0a0a;
  --bg-tertiary: #111111;
  --bg-card: #111111;
  
  /* Text */
  --text-primary: #ffffff;
  --text-secondary: #a1a1aa;
  --text-muted: #71717a;
  
  /* Borders */
  --border-color: #27272a;
  --border-light: #3f3f46;
  
  /* Layout */
  --sidebar-width: 220px;
  --sidebar-collapsed: 70px;
  
  /* Special Effects (Glassmorphism) */
  --glass-bg: rgba(23, 23, 23, 0.8);
  --glass-border: rgba(63, 63, 70, 0.5);
}

/* Global Reset for Box Shadow */
* {
  box-shadow: none !important;
}

/* Base Styles */
body {
  background: var(--bg-dark);
  color: var(--text-primary);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Common Components */
.btn-primary {
  background: linear-gradient(135deg, var(--primary), var(--primary-light));
  color: white;
  border: none;
}

.btn-primary:hover {
  background: linear-gradient(135deg, var(--primary-light), var(--primary-dark));
}

.form-control {
  background: var(--bg-tertiary);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

.form-control:focus {
  background: var(--bg-secondary);
  border-color: var(--primary);
}