/* BarHunt Color Scheme */

:root {
    /* Primary - Bright Cyan */
    --primary: #0094d8;
    --primary-dark: #02a2d3;
    --primary-light: #3dd8f0;
    --primary-pale: #e0f7fc;
    
    /* Secondary - Deep Purple (complementary contrast) */
    --secondary: #6366f1;
    --secondary-dark: #4f46e5;
    --secondary-light: #8b5cf6;
    
    /* Tertiary - Coral/Orange (warm accent) */
    --tertiary: #ff6b6b;
    --tertiary-dark: #ee5a52;
    --tertiary-light: #ff8787;
    
    /* Neutrals */
    --dark: #1a1a2e;
    --dark-soft: #2d2d44;
    --medium: #6b7280;
    --light: #e5e7eb;
    --lighter: #f3f4f6;
    --white: #ffffff;
    
    /* Semantic colors */
    --success: #10b981;
    --warning: #f59e0b;
    --error: #ef4444;
    --info: #3b82f6;
    
    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(5, 204, 235, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(5, 204, 235, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(5, 204, 235, 0.15);
    --shadow-xl: 0 20px 25px -5px rgba(5, 204, 235, 0.2);
}

/* Color Usage Guide:
 * 
 * Primary (#05cceb): 
 *   - Main buttons and CTAs
 *   - Active navigation items
 *   - Primary icons and highlights
 *   - Progress indicators
 * 
 * Secondary (#6366f1):
 *   - Secondary buttons
 *   - Badges and tags
 *   - Alternative highlights
 *   - Charts and data visualization
 * 
 * Tertiary (#ff6b6b):
 *   - Important alerts (non-error)
 *   - Featured items
 *   - Accent borders
 *   - Hover states for special actions
 * 
 * This palette provides:
 *   - High contrast and accessibility
 *   - Modern, energetic feel
 *   - Clear visual hierarchy
 *   - Professional appearance
 */