/* ==================== EDLESBOROUGH PAVILION COLOR SCHEME ==================== */
/* 
 * Centralized color system with color wayfinding
 * Last updated: 2026-03-26
 * 
 * 🎨 COLOR WAYFINDING STRATEGY:
 * Each major section has its own distinct color to help users navigate
 * 
 * HOW TO CHANGE COLORS:
 * 1. Update the hex values below
 * 2. Save this file (Ctrl+S)
 * 3. Hard refresh your browser (Ctrl+F5)
 */

:root {
    /* ========== EVENTS / WHAT'S ON (Purple) ========== */
    --events-primary: #667eea;
    --events-secondary: #764ba2;
    --events-shadow: rgba(102, 126, 234, 0.4);
    --events-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --events-hover-gradient: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    
    /* ========== FACILITIES / SEE INSIDE (Blue) ========== */
    --facilities-primary: #3498db;
    --facilities-secondary: #2980b9;
    --facilities-shadow: rgba(52, 152, 219, 0.4);
    --facilities-gradient: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    --facilities-text: white;
    
    /* ========== GYM / FITNESS (Red) ========== */
    --gym-primary: #e74c3c;
    --gym-secondary: #c0392b;
    --gym-shadow: rgba(231, 76, 60, 0.4);
    --gym-gradient: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
    --gym-text: white;
    
    /* ========== COMMUNITY CLUBS (Purple/Mauve) ========== */
    --clubs-primary: #9b59b6;
    --clubs-secondary: #8e44ad;
    --clubs-shadow: rgba(155, 89, 182, 0.4);
    --clubs-gradient: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
    --clubs-text: white;
    
    /* ========== BAR & KITCHEN (Green) ========== */
    --bar-primary: #27ae60;
    --bar-secondary: #229954;
    --bar-shadow: rgba(39, 174, 96, 0.4);
    --bar-gradient: linear-gradient(135deg, #27ae60 0%, #229954 100%);
    --bar-text: white;
    
    /* ========== AROUND US / VILLAGE GREEN (Bright Green) ========== */
    --around-us-primary: #83ffd7;
    --around-us-secondary: #5ce0ba;
    --around-us-hover: #3bc9a3;
    --around-us-shadow: rgba(131, 255, 215, 0.4);
    --around-us-gradient: linear-gradient(135deg, #83ffd7 0%, #5ce0ba 100%);
    --around-us-text: #1a1a1a;
    
    /* ========== FUNDRAISING / DONATION (Orange) ========== */
    --fundraising-primary: #f39c12;
    --fundraising-secondary: #e67e22;
    --fundraising-shadow: rgba(243, 156, 18, 0.4);
    --fundraising-gradient: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
    --fundraising-text: white;
    
    /* ========== SUGGESTIONS / YOU SUGGESTED (Bright Green) ========== */
    --suggestions-primary: #83ffd7;
    --suggestions-secondary: #5ce0ba;
    --suggestions-shadow: rgba(131, 255, 215, 0.4);
    --suggestions-gradient: linear-gradient(135deg, #83ffd7 0%, #5ce0ba 100%);
    --suggestions-text: #1a1a1a;
    
    /* ========== HERO CTA BUTTONS ========== */
    --hero-location-gradient: linear-gradient(135deg, #83ffd7 0%, #5ce0ba 100%);
    --hero-location-hover: linear-gradient(135deg, #5ce0ba 0%, #3bc9a3 100%);
    --hero-location-text: #1a1a1a;
    --hero-secondary: #007bff;
    --hero-secondary-hover: #0056b3;
    
    /* ========== VOLUNTEER / COMMUNITY (Orange) ========== */
    --volunteer-primary: #f39c12;
    --volunteer-secondary: #e67e22;
    --volunteer-gradient: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
    
    /* ========== CHARITY NOTICE (Red) ========== */
    --charity-primary: #e74c3c;
    --charity-secondary: #c0392b;
    --charity-gradient: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
    
    /* ========== VOTING REMINDER (Yellow/Amber) ========== */
    --voting-primary: #ffc107;
    --voting-secondary: #ff9800;
    --voting-gradient: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
    
    /* ========== CHEF MEL BANNER (Green) ========== */
    --chef-primary: #27ae60;
    --chef-secondary: #229954;
    --chef-gradient: linear-gradient(135deg, #27ae60 0%, #229954 100%);
    
    /* ========== NEUTRAL COLORS ========== */
    --text-dark: #1a1a1a;
    --text-medium: #2c3e50;
    --text-light: #666;
    --text-muted: #999;
    --background-light: #f8f9fa;
    --border-light: #e9ecef;
}

/* ==================== COLOR WAYFINDING GUIDE ==================== */
/*
 * 🗺️ NAVIGATION COLORS BY SECTION:
 * 
 * 🔵 BLUE (Facilities) → "See Inside" / Building tours / Room bookings
 * 🟣 PURPLE (Events) → "What's On" / Calendar / Activities
 * 🔴 RED (Gym) → Fitness / Health / Exercise
 * 🟪 MAUVE (Clubs) → Community groups / Social activities
 * 🟢 GREEN (Bar/Kitchen) → Food & Drink / Hospitality
 * 🌊 BRIGHT TEAL (Around Us) → Village green / Outdoor facilities
 * 🟠 ORANGE (Fundraising/Volunteer) → Support / Donations / Recognition
 * 
 * This color coding helps users quickly identify different areas of the site.
 */