/* 
 * Main color definition file for Profitsfly
 * All color variables are defined here to make it easy to update the theme
 */

:root {
  /* Primary Colors */
  --color-primary: #88fcab;
  --color-primary-hover: #78f993;
  --color-primary-alt: #3ECA63;
  
  /* Secondary Colors */
  --color-secondary: #1b181d;
  --color-secondary-hover: #1f2937;
  
  /* Alert/Status Colors */
  --color-danger: #D0312D;
  --color-danger-hover: #b02a27;
  --color-success: #28a745;
  --color-warning: #ffc107;
  --color-info: #0075db;
  
  /* Neutral Colors */
  --color-black: #000000;
  --color-white: #ffffff;
  --color-gray-100: #f9fafb;
  --color-gray-200: #f3f4f6;
  --color-gray-300: #e5e7eb;
  --color-gray-400: #d1d5db;
  --color-gray-500: #9ca3af;
  --color-gray-600: #6b7280;
  --color-gray-700: #4b5563;
  --color-gray-800: #374151;
  --color-gray-900: #1f2937;
  
  
  /* Text Colors */
  --color-text-primary: #1b181d;
  --color-text-secondary: #6b7280;
  --color-text-light: #ffffff;
  
  /* Border Colors */
  --color-border: #e5e7eb;
  --color-border-focus: #88fcab;
  
  /* Background Colors */
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f9fafb;
  --color-bg-tertiary: #f3f4f6;
  
  /* Menu Colors */
  --color-menu-gray-800: #88fcab;
  --color-menu-gray-900: #0075dbd2;
}

/* Dark mode colors - can be expanded later if needed */
.dark {
  --color-text-primary: #f9fafb;
  --color-text-secondary: #d1d5db;
  --color-bg-primary: #1f2937;
  --color-bg-secondary: #111827;
  --color-border: #374151;
}