/**
 * Theme Override CSS
 * 
 * Edit this file to customize your EquiProfile deployment's visual appearance
 * without rebuilding the application. Changes take effect immediately upon page reload.
 * 
 * Usage:
 *   1. Edit the CSS variables below to match your brand colors
 *   2. Add custom styles as needed
 *   3. Save the file - no rebuild required!
 * 
 * For post-deployment edits:
 *   nano /var/www/equiprofile/dist/public/theme-override.css
 */

:root {
  /* Primary Brand Colors - Edit these to match your brand */
  /* --primary: 222.2 47.4% 11.2%; */
  /* --primary-foreground: 210 40% 98%; */
  
  /* Secondary Brand Colors */
  /* --secondary: 210 40% 96.1%; */
  /* --secondary-foreground: 222.2 47.4% 11.2%; */
  
  /* Accent Colors */
  /* --accent: 210 40% 96.1%; */
  /* --accent-foreground: 222.2 47.4% 11.2%; */
  
  /* Background Colors */
  /* --background: 0 0% 100%; */
  /* --foreground: 222.2 47.4% 11.2%; */
}

/* Custom Logo Styles - Uncomment and edit to customize logo appearance */
/*
.site-logo {
  max-width: 150px;
  height: auto;
}
*/

/* Custom Header Styles - Uncomment and edit to customize header */
/*
header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
*/

/* Custom Button Styles - Uncomment and edit to customize buttons */
/*
.btn-primary {
  background: #667eea;
  border-color: #667eea;
}

.btn-primary:hover {
  background: #5568d3;
  border-color: #5568d3;
}
*/

/* Custom Hero Section - Uncomment and edit to customize landing page hero */
/*
.hero-section {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.hero-title {
  color: white;
}
*/

/* Add your custom styles below this line */
/* ========================================= */