/* ===== MUNDRA LEGAL CONSULTANTS - UNIFIED COLOR THEME ===== */
/* This file contains all color variables used across the website for consistency */

:root {
    /* ===== PRIMARY COLORS ===== */
    --primary-navy: #1C2951;
    --primary-gold: #D4AF37;
    --dark-navy: #0f1729;
    --light-navy: #2B3F6B;
    --lighter-navy: #3B5998;
    
    /* ===== GOLD SHADES ===== */
    --dark-gold: #B8941F;
    --light-gold: #E6C57F;
    --lighter-gold: #F4E9C1;
    --pale-gold: #FFFBE6;
    
    /* ===== NEUTRAL COLORS ===== */
    --white: #FFFFFF;
    --off-white: #FAFBFC;
    --light-gray: #F8F9FA;
    --gray-100: #F3F4F6;
    --gray-200: #E5E7EB;
    --gray-300: #D1D5DB;
    --gray-400: #9CA3AF;
    --gray-500: #6B7280;
    --gray-600: #4B5563;
    --gray-700: #374151;
    --gray-800: #1F2937;
    --text-light: #64748B;
    --text-dark: #2D3748;
    
    /* ===== BACKGROUND COLORS ===== */
    --bg-primary: #FFFFFF;
    --bg-secondary: #F8FAFC;
    --bg-tertiary: #E2E8F0;
    --bg-hero: linear-gradient(135deg, rgba(28,41,81,0.95) 0%, rgba(43,63,107,0.9) 50%, rgba(59,89,152,0.85) 100%);
    
    /* ===== GRADIENTS ===== */
    --gradient-primary: linear-gradient(135deg, #1C2951 0%, #2B3F6B 100%);
    --gradient-secondary: linear-gradient(135deg, #D4AF37 0%, #B8941F 100%);
    --gradient-gold: linear-gradient(135deg, #D4AF37 0%, #F4E9C1 100%);
    --gradient-gold-reverse: linear-gradient(135deg, #F4E9C1 0%, #D4AF37 100%);
    --gradient-navy-light: linear-gradient(135deg, rgba(28,41,81,0.95) 0%, rgba(43,63,107,0.9) 50%);
    --gradient-overlay: linear-gradient(135deg, rgba(28,41,81,0.95) 0%, rgba(43,63,107,0.9) 50%, rgba(59,89,152,0.85) 100%);
    
    /* ===== BUTTON STYLES ===== */
    --btn-primary-bg: linear-gradient(135deg, #D4AF37 0%, #B8941F 100%);
    --btn-primary-color: #1C2951;
    --btn-secondary-bg: rgba(255, 255, 255, 0.1);
    --btn-secondary-color: #FFFFFF;
    --btn-hover-transform: translateY(-3px);
    
    /* ===== BORDERS ===== */
    --border-gold: #D4AF37;
    --border-light: #E2E8F0;
    --border-gold-gradient: linear-gradient(135deg, #D4AF37 0%, #F4E9C1 100%);
    
    /* ===== SHADOWS ===== */
    --shadow-sm: 0 2px 8px rgba(28, 41, 81, 0.08);
    --shadow-md: 0 4px 24px rgba(28, 41, 81, 0.10);
    --shadow-lg: 0 8px 32px rgba(28, 41, 81, 0.13);
    --shadow-xl: 0 20px 60px rgba(28, 41, 81, 0.18);
    --shadow-gold: 0 4px 15px rgba(212, 175, 55, 0.3);
    --shadow-gold-hover: 0 6px 25px rgba(212, 175, 55, 0.4);
    
    /* ===== OPACITY OVERLAYS ===== */
    --overlay-dark: rgba(28, 41, 81, 0.95);
    --overlay-gold: rgba(212, 175, 55, 0.1);
    --overlay-gold-light: rgba(212, 175, 55, 0.05);
    
    /* ===== ICON COLORS ===== */
    --icon-primary: #D4AF37;
    --icon-secondary: #1C2951;
    --icon-light: rgba(212, 175, 55, 0.5);
    
    /* ===== CATEGORY COLORS (For Services Dropdown) ===== */
    --category-blue: #3B82F6;
    --category-red: #EF4444;
    --category-purple: #8B5CF6;
    --category-green: #10B981;
    --category-orange: #F59E0B;
    --category-cyan: #06B6D4;
    --category-pink: #EC4899;
    
    /* ===== TRANSITIONS ===== */
    --transition-fast: all 0.2s ease;
    --transition-medium: all 0.3s ease;
    --transition-slow: all 0.5s ease;
    --transition-bounce: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* ===== THEME APPLICATION CLASSES ===== */

/* Text Colors */
.text-primary { color: var(--primary-navy); }
.text-gold { color: var(--primary-gold); }
.text-light { color: var(--text-light); }
.text-white { color: var(--white); }

/* Background Colors */
.bg-primary { background: var(--bg-primary); }
.bg-secondary { background: var(--bg-secondary); }
.bg-navy { background: var(--primary-navy); }
.bg-gold { background: var(--primary-gold); }
.bg-gradient-primary { background: var(--gradient-primary); }
.bg-gradient-gold { background: var(--gradient-gold); }

/* Button Styles */
.btn-primary {
    background: var(--btn-primary-bg);
    color: var(--btn-primary-color);
    padding: 1rem 2rem;
    border-radius: 50px;
    font-weight: 700;
    transition: var(--transition-medium);
    box-shadow: var(--shadow-gold);
    border: none;
    cursor: pointer;
}

.btn-primary:hover {
    transform: var(--btn-hover-transform);
    box-shadow: var(--shadow-gold-hover);
}

.btn-secondary {
    background: var(--btn-secondary-bg);
    color: var(--btn-secondary-color);
    padding: 1rem 2rem;
    border-radius: 50px;
    font-weight: 700;
    border: 2px solid var(--border-gold);
    backdrop-filter: blur(10px);
    transition: var(--transition-medium);
    cursor: pointer;
}

.btn-secondary:hover {
    background: var(--primary-gold);
    color: var(--primary-navy);
    transform: var(--btn-hover-transform);
}

/* Border Utilities */
.border-gold { border-color: var(--border-gold); }
.border-light { border-color: var(--border-light); }

/* Shadow Utilities */
.shadow-sm { box-shadow: var(--shadow-sm); }
.shadow-md { box-shadow: var(--shadow-md); }
.shadow-lg { box-shadow: var(--shadow-lg); }
.shadow-xl { box-shadow: var(--shadow-xl); }

/* Hover Effects */
.hover-gold:hover {
    color: var(--primary-gold) !important;
}

.hover-scale:hover {
    transform: scale(1.05);
}

.hover-lift:hover {
    transform: translateY(-5px);
}

/* Icon Styles */
.icon-primary { color: var(--icon-primary); }
.icon-secondary { color: var(--icon-secondary); }

/* Card Styles */
.card-theme {
    background: var(--white);
    border-radius: 18px;
    box-shadow: var(--shadow-md);
    padding: 2rem;
    transition: var(--transition-medium);
}

.card-theme:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-gold-hover);
}

/* Hero Section */
.hero-theme {
    background: var(--bg-hero), url('https://images.unsplash.com/photo-1589829545856-d10d557cf95f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center;
    min-height: 100vh;
}

/* Section Headers */
.section-header-theme h2 {
    color: var(--primary-navy);
    font-weight: 700;
}

.section-header-theme p {
    color: var(--text-light);
}

/* Links */
.link-theme {
    color: var(--primary-navy);
    text-decoration: none;
    transition: var(--transition-medium);
}

.link-theme:hover {
    color: var(--primary-gold);
}

/* Decorative Elements */
.decorative-line {
    width: 70px;
    height: 3px;
    background: var(--gradient-gold);
    margin: 1rem auto;
}

/* Badges */
.badge-theme {
    background: var(--overlay-gold);
    border: 2px solid var(--border-gold);
    color: var(--primary-navy);
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    font-weight: 600;
    display: inline-block;
}

/* Contact Info Styles */
.contact-info-theme {
    background: var(--lighter-gold);
    border-radius: 8px;
    padding: 0.7rem 0.8rem;
    box-shadow: var(--shadow-sm);
}

.contact-info-theme i {
    color: var(--icon-primary);
    background: var(--pale-gold);
    border-radius: 50%;
    padding: 6px;
}

/* ===== RESPONSIVE UTILITIES ===== */
@media (max-width: 768px) {
    :root {
        --shadow-xl: 0 10px 40px rgba(28, 41, 81, 0.15);
    }
}