/* Dashboard Color Overrides */
/* This file can be dynamically generated from your dashboard */

:root {
  /* Override these variables from your dashboard */
  --primary-color: #2c3e50; /* Main brand color */
  --secondary-color: #3498db; /* Secondary brand color */
  --accent-color: #e74c3c; /* Accent/highlight color */
  --background-color: #ffffff; /* Main background color */
  --text-color: #333333; /* Main text color */
  
  /* Additional Colors */
  --light-gray: #f8f9fa; /* Light background color */
  --medium-gray: #6c757d; /* Medium text color */
  --dark-gray: #495057; /* Dark text color */
  --border-color: #dee2e6; /* Border color */
  --shadow-color: rgba(0, 0, 0, 0.1); /* Shadow color */
  --success-color: #28a745; /* Success state color */
  --warning-color: #ffc107; /* Warning state color */
  --danger-color: #dc3545; /* Error state color */
  
  /* Typography */
  --font-family-primary: 'Inter', sans-serif; /* Primary font */
  --font-family-secondary: 'Poppins', sans-serif; /* Secondary font */
  
  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-xxl: 3rem;
  
  /* Border Radius */
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 16px;
  --border-radius-xl: 24px;
  
  /* Shadows */
  --shadow-sm: 0 2px 4px var(--shadow-color);
  --shadow-md: 0 4px 8px var(--shadow-color);
  --shadow-lg: 0 8px 16px var(--shadow-color);
  --shadow-xl: 0 12px 24px var(--shadow-color);
}

/* Example of how to use these variables in your dashboard:
   You can generate this dynamically from your dashboard by replacing the values above */

/* Example usage:
   --primary-color: <?php echo $clientColors['primary_color_hex']; ?>;
   --secondary-color: <?php echo $clientColors['secondary_color_hex']; ?>;
   --accent-color: <?php echo $clientColors['accent_color_hex']; ?>;
   --background-color: <?php echo $clientColors['background_color_hex']; ?>;
   --text-color: <?php echo $clientColors['text_color_hex']; ?>;
*/