/**
 * Professional Purple Theme (Default)
 * 60-30-10 Color Weight Distribution
 */

:root[data-theme="professional-purple"],
:root {
    /* Primary Color (60% weight) - Main UI elements */
    --theme-primary: #667eea;
    --theme-primary-light: #8b9aff;
    --theme-primary-dark: #4f46e5;
    --theme-primary-rgb: 102, 126, 234;
    
    /* Secondary Color (30% weight) - Interactive elements */
    --theme-secondary: #764ba2;
    --theme-secondary-light: #9b6fc9;
    --theme-secondary-dark: #5a3780;
    --theme-secondary-rgb: 118, 75, 162;
    /* Hero-specific override point so JS can morph the right-side color on hover */
    --hero-right-color: var(--theme-secondary);
    
    /* Accent Color (10% weight) - CTAs and highlights */
    --theme-accent: #a855f7;
    --theme-accent-light: #c084fc;
    --theme-accent-dark: #9333ea;
    --theme-accent-rgb: 168, 85, 247;
    
    /* Background Colors (White theme) */
    --theme-bg-primary: #ffffff;
    --theme-bg-secondary: #f8fafc;
    --theme-bg-tertiary: #f1f5f9;
    
    /* Text Colors */
    --theme-text-primary: #1e293b;
    --theme-text-secondary: #64748b;
    --theme-text-muted: #94a3b8;
    --theme-text-inverse: #ffffff;
    
    /* Border Colors */
    --theme-border-light: #e2e8f0;
    --theme-border: #cbd5e1;
    --theme-border-dark: #94a3b8;
    
    /* Semantic Colors (consistent across themes) */
    --theme-success: #10b981;
    --theme-success-light: #34d399;
    --theme-success-dark: #059669;
    --theme-success-rgb: 16, 185, 129;
    
    --theme-warning: #f59e0b;
    --theme-warning-light: #fbbf24;
    --theme-warning-dark: #d97706;
    --theme-warning-rgb: 245, 158, 11;
    
    --theme-danger: #ef4444;
    --theme-danger-light: #f87171;
    --theme-danger-dark: #dc2626;
    --theme-danger-rgb: 239, 68, 68;
    
    --theme-info: #3b82f6;
    --theme-info-light: #60a5fa;
    --theme-info-dark: #2563eb;
    --theme-info-rgb: 59, 130, 246;
    
    /* Gradient Definitions */
    --theme-gradient-primary: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-secondary) 100%);
    --theme-gradient-accent: linear-gradient(135deg, var(--theme-secondary) 0%, var(--theme-accent) 100%);
    --theme-gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --theme-gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    /*--theme-gradient-info: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);*/
    --theme-gradient-info: linear-gradient(135deg, #636499 0%, #636499 100%);
    /*--theme-gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);*/
    --theme-gradient-danger: linear-gradient(135deg, #b1467a 0%, #b1467a 100%);


    /* Alternate brand accent (vivid magenta/pink) - used for special CTAs like Talk to Arya */
    --theme-alternate-magenta: #CE3CA2; /* hex provided by design */
    --theme-alternate-magenta-rgb: 206, 60, 162; /* RGB for shadows/opacity */

    /* WH custom gradient variables  */
    --theme-custom-purple:#6469D0;
    --theme-custom-h1: #555abc;
    --theme-heading-primary: var(--theme-custom-h1);
}