// Dexar Theme - Purple/Violet Colors
:root {
  --primary-color: #667eea;
  --primary-hover: #5568d3;
  --secondary-color: #764ba2;
  --secondary-hover: #653a8e;
  --accent-color: #f093fb;
  --accent-hover: #e07ff0;
  
  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  --gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  
  --text-primary: #333333;
  --text-secondary: #666666;
  --text-light: #999999;
  
  --bg-primary: #ffffff;
  --bg-secondary: #f6f7fb;
  --bg-tertiary: #e9ecf5;
  
  --success-color: #10b981;
  --warning-color: #f59e0b;
  --error-color: #ef4444;
  --info-color: #3b82f6;
  
  --border-color: #e5e7eb;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 40px rgba(102, 126, 234, 0.25);
  
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
}