/* Ai Ecosystems Brand Colors - Extracted from Logo */
:root {
    /* Primary Brand Colors - Full Spectrum */
    --primary-purple-dark: #2F244C;    /* Dark Purple/Indigo */
    --primary-purple-vibrant: #602080; /* Vibrant Purple */
    --primary-blue: #3C82BE;           /* Medium Blue */
    --primary-green: #5a997d;          /* Muted Green */
    --primary-olive: #789850;          /* Olive Green/Sage */
    --primary-light: #E8E8E8;          /* Light Gray/Off-White */
    
    /* Legacy colors for backward compatibility */
    --primary-teal: #529389;
    --secondary-blue: #3a86a2;
    --supporting-teal: #5a997d;
    
    /* Color Variations */
    --primary-purple-dark-light: rgba(47, 36, 76, 0.1);
    --primary-purple-dark-medium: rgba(47, 36, 76, 0.2);
    --primary-purple-dark-dark: rgba(47, 36, 76, 0.8);
    
    --primary-purple-vibrant-light: rgba(96, 32, 128, 0.1);
    --primary-purple-vibrant-medium: rgba(96, 32, 128, 0.2);
    --primary-purple-vibrant-dark: rgba(96, 32, 128, 0.8);
    
    --primary-blue-light: rgba(60, 130, 190, 0.1);
    --primary-blue-medium: rgba(60, 130, 190, 0.2);
    --primary-blue-dark: rgba(60, 130, 190, 0.8);
    
    --primary-green-light: rgba(90, 153, 125, 0.1);
    --primary-green-medium: rgba(90, 153, 125, 0.2);
    --primary-green-dark: rgba(90, 153, 125, 0.8);
    
    --primary-olive-light: rgba(120, 152, 80, 0.1);
    --primary-olive-medium: rgba(120, 152, 80, 0.2);
    --primary-olive-dark: rgba(120, 152, 80, 0.8);
    
    /* Gradients - Emphasizing brighter greens and lighter colors */
    --brand-gradient: linear-gradient(135deg, #5a997d, #789850, #3C82BE, #602080);
    --brand-gradient-primary: linear-gradient(135deg, #5a997d, #789850);
    --brand-gradient-secondary: linear-gradient(135deg, #3C82BE, #5a997d);
    --brand-gradient-green: linear-gradient(135deg, #5a997d, #789850);
    --brand-gradient-blue-green: linear-gradient(135deg, #3C82BE, #5a997d);
    --brand-gradient-olive: linear-gradient(135deg, #789850, #5a997d);
    --brand-gradient-light: linear-gradient(135deg, #E8E8E8, #5a997d);
    
    /* LinkedIn Header Inspired Gradients - Using proper LinkedIn colors */
    --linkedin-gradient: linear-gradient(90deg, #00a0dc 0%, #0077b5 25%, #006097 75%, #004182 100%);
    --linkedin-gradient-vertical: linear-gradient(180deg, #00a0dc 0%, #0077b5 25%, #006097 75%, #004182 100%);
    
    /* Text Colors */
    --text-primary: #1a1a1a;
    --text-secondary: #6b7280;
    --text-muted: #9ca3af;
    
    /* Background Colors */
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-dark: #1f2937;
    --bg-darker: #111827;
    
    /* Border Colors - Using green instead of dark purple */
    --border-light: rgba(90, 153, 125, 0.1);
    --border-medium: rgba(90, 153, 125, 0.2);
    --border-dark: rgba(90, 153, 125, 0.8);
    
    /* Shadow Colors - Using green instead of dark purple */
    --shadow-light: rgba(90, 153, 125, 0.04);
    --shadow-medium: rgba(90, 153, 125, 0.08);
    --shadow-dark: rgba(90, 153, 125, 0.2);
    --shadow-hover: rgba(90, 153, 125, 0.3);
    
    /* LinkedIn Header Inspired Elements */
    --linkedin-bg-pattern: 
        radial-gradient(circle at 20% 50%, rgba(0, 160, 220, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(0, 119, 181, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 40% 80%, rgba(0, 96, 151, 0.12) 0%, transparent 50%),
        radial-gradient(circle at 90% 90%, rgba(0, 65, 130, 0.08) 0%, transparent 50%);
}