/* static/css/themes.css */
/* Theme system for Deep Being Coaching */

/* ==========================================
   DEFAULT THEME (Original Colors)
   ========================================== */
:root {
  /* Primary Colors - Original */
  --primary: #3a7bd5;
  --primary-dark: #2e62b0;
  --primary-light: #6295e0;
  --primary-ultra-light: rgba(58, 123, 213, 0.1);
  
  /* Secondary Colors - Original */
  --secondary: #5f9ea0;
  --secondary-dark: #4a797a;
  --secondary-light: #7fb9bb;
  
  /* Accent Colors - Original */
  --accent: #f0a500;
  --accent-dark: #d89400;
  --accent-light: #ffb91f;
  
  /* Text Colors - Original */
  --text-dark: #333333;
  --text-medium: #666666;
  --text-light: #999999;
  --text-white: #ffffff;
  
  /* Background Colors - Original */
  --bg-white: #ffffff;
  --bg-light: #f8f9fa;
  --bg-medium: #e9ecef;
  --bg-dark: #343a40;
  
  /* Status Colors */
  --success: #28a745;
  --warning: #ffc107;
  --error: #dc3545;
  --info: #17a2b8;
  
  /* Elegant Gradients */
  --gradient-primary: linear-gradient(135deg, #2e62b0 0%, #3a7bd5 50%, #6295e0 100%);
  --gradient-secondary: linear-gradient(135deg, #4a797a 0%, #5f9ea0 50%, #7fb9bb 100%);
  --gradient-accent: linear-gradient(135deg, #d89400 0%, #f0a500 50%, #ffb91f 100%);
  --gradient-background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 50%, #e9ecef 100%);
  --gradient-hero: linear-gradient(135deg, rgba(46, 98, 176, 0.9) 0%, rgba(58, 123, 213, 0.8) 50%, rgba(98, 149, 224, 0.7) 100%);
  --gradient-testimonial: linear-gradient(135deg, #f8f9fa 0%, #ffffff 50%, #e9ecef 100%);
  --gradient-cta: linear-gradient(135deg, #2e62b0 0%, #3a7bd5 50%, #f0a500 100%);
  
  /* Theme Identifier */
  --theme-name: "original";
}



/* ==========================================
   DEEP ALIGNMENT THEME
   ========================================== */
[data-theme="deep-alignment"] {
  /* Primary Colors - Midnight Blue */
  --primary: #1A2E47;
  --primary-dark: #0f1a2a;
  --primary-light: #2a4a6b;
  --primary-ultra-light: rgba(26, 46, 71, 0.1);
  
  /* Secondary Colors - Muted Forest Green */
  --secondary: #344E41;
  --secondary-dark: #2a3e33;
  --secondary-light: #4a6b5a;
  
  /* Accent Colors - Rich Gold */
  --accent: #B8860B;
  --accent-dark: #8b6a08;
  --accent-light: #d4a017;
  
  /* Text Colors */
  --text-dark: #1A2E47;
  --text-medium: #344E41;
  --text-light: #6b7c6f;
  --text-white: #ffffff;
  
  /* Background Colors - Warm Parchment */
  --bg-white: #F5F0E1;
  --bg-light: #f8f5ed;
  --bg-medium: #ede8d9;
  --bg-dark: #1A2E47;
  
  /* Status Colors */
  --success: #27ae60;
  --warning: #f39c12;
  --error: #e74c3c;
  --info: #3498db;
  
  /* Elegant Gradients */
  --gradient-primary: linear-gradient(135deg, #0f1a2a 0%, #1A2E47 50%, #2a4a6b 100%);
  --gradient-secondary: linear-gradient(135deg, #2a3e33 0%, #344E41 50%, #4a6b5a 100%);
  --gradient-accent: linear-gradient(135deg, #8b6a08 0%, #B8860B 50%, #d4a017 100%);
  --gradient-background: linear-gradient(180deg, #F5F0E1 0%, #f8f5ed 50%, #ede8d9 100%);
  --gradient-hero: linear-gradient(135deg, rgba(15, 26, 42, 0.9) 0%, rgba(26, 46, 71, 0.8) 50%, rgba(42, 74, 107, 0.7) 100%);
  --gradient-testimonial: linear-gradient(135deg, #f8f5ed 0%, #F5F0E1 50%, #ede8d9 100%);
  --gradient-cta: linear-gradient(135deg, #1A2E47 0%, #2a4a6b 50%, #344E41 100%);
  
  /* Theme Identifier */
  --theme-name: "deep-alignment";
}

/* ==========================================
   MODERN MINIMAL THEME
   ========================================== */
[data-theme="modern-minimal"] {
  /* Primary Colors - Clean Blue */
  --primary: #4A90E2;
  --primary-dark: #357ABD;
  --primary-light: #6BA3E8;
  --primary-ultra-light: rgba(74, 144, 226, 0.1);
  
  /* Secondary Colors - Subtle Grey */
  --secondary: #95A5A6;
  --secondary-dark: #7F8C8D;
  --secondary-light: #BDC3C7;
  
  /* Accent Colors - Soft Orange */
  --accent: #E67E22;
  --accent-dark: #D35400;
  --accent-light: #F39C12;
  
  /* Text Colors */
  --text-dark: #2C3E50;
  --text-medium: #7F8C8D;
  --text-light: #BDC3C7;
  --text-white: #ffffff;
  
  /* Background Colors - Pure White */
  --bg-white: #ffffff;
  --bg-light: #f9f9f9;
  --bg-medium: #ecf0f1;
  --bg-dark: #2C3E50;
  
  /* Status Colors */
  --success: #27ae60;
  --warning: #f39c12;
  --error: #e74c3c;
  --info: #3498db;
  
  /* Elegant Gradients */
  --gradient-primary: linear-gradient(135deg, #357ABD 0%, #4A90E2 50%, #6BA3E8 100%);
  --gradient-secondary: linear-gradient(135deg, #7F8C8D 0%, #95A5A6 50%, #BDC3C7 100%);
  --gradient-accent: linear-gradient(135deg, #D35400 0%, #E67E22 50%, #F39C12 100%);
  --gradient-background: linear-gradient(180deg, #ffffff 0%, #f9f9f9 50%, #ecf0f1 100%);
  --gradient-hero: linear-gradient(135deg, rgba(53, 122, 189, 0.9) 0%, rgba(74, 144, 226, 0.8) 50%, rgba(107, 163, 232, 0.7) 100%);
  --gradient-testimonial: linear-gradient(135deg, #f9f9f9 0%, #ffffff 50%, #ecf0f1 100%);
  --gradient-cta: linear-gradient(135deg, #4A90E2 0%, #6BA3E8 50%, #E67E22 100%);
  
  /* Theme Identifier */
  --theme-name: "modern-minimal";
}

/* ==========================================
   WARM CONNECTION THEME
   ========================================== */
[data-theme="warm-connection"] {
  /* Primary Colors - Warm Brown */
  --primary: #8B4513;
  --primary-dark: #654321;
  --primary-light: #A0522D;
  --primary-ultra-light: rgba(139, 69, 19, 0.1);
  
  /* Secondary Colors - Earthy Green */
  --secondary: #6B8E23;
  --secondary-dark: #556B2F;
  --secondary-light: #9ACD32;
  
  /* Accent Colors - Golden Yellow */
  --accent: #FFD700;
  --accent-dark: #FFA500;
  --accent-light: #FFFF00;
  
  /* Text Colors */
  --text-dark: #2F4F4F;
  --text-medium: #696969;
  --text-light: #A9A9A9;
  --text-white: #ffffff;
  
  /* Background Colors - Cream */
  --bg-white: #FFF8DC;
  --bg-light: #FFFAF0;
  --bg-medium: #F5F5DC;
  --bg-dark: #2F4F4F;
  
  /* Status Colors */
  --success: #228B22;
  --warning: #FF8C00;
  --error: #DC143C;
  --info: #4682B4;
  
  /* Elegant Gradients */
  --gradient-primary: linear-gradient(135deg, #654321 0%, #8B4513 50%, #A0522D 100%);
  --gradient-secondary: linear-gradient(135deg, #556B2F 0%, #6B8E23 50%, #9ACD32 100%);
  --gradient-accent: linear-gradient(135deg, #FFA500 0%, #FFD700 50%, #FFFF00 100%);
  --gradient-background: linear-gradient(180deg, #FFF8DC 0%, #FFFAF0 50%, #F5F5DC 100%);
  --gradient-hero: linear-gradient(135deg, rgba(101, 67, 33, 0.9) 0%, rgba(139, 69, 19, 0.8) 50%, rgba(160, 82, 45, 0.7) 100%);
  --gradient-testimonial: linear-gradient(135deg, #FFFAF0 0%, #FFF8DC 50%, #F5F5DC 100%);
  --gradient-cta: linear-gradient(135deg, #8B4513 0%, #A0522D 50%, #FFD700 100%);
  
  /* Theme Identifier */
  --theme-name: "warm-connection";
}

/* ==========================================
   CORPORATE EXCELLENCE THEME
   ========================================== */
[data-theme="corporate-excellence"] {
  /* Primary Colors - Professional Navy */
  --primary: #1E3A8A;
  --primary-dark: #1E40AF;
  --primary-light: #3B82F6;
  --primary-ultra-light: rgba(30, 58, 138, 0.1);
  
  /* Secondary Colors - Corporate Grey */
  --secondary: #64748B;
  --secondary-dark: #475569;
  --secondary-light: #94A3B8;
  
  /* Accent Colors - Success Green */
  --accent: #059669;
  --accent-dark: #047857;
  --accent-light: #10B981;
  
  /* Text Colors */
  --text-dark: #1F2937;
  --text-medium: #6B7280;
  --text-light: #9CA3AF;
  --text-white: #ffffff;
  
  /* Background Colors - Professional White */
  --bg-white: #ffffff;
  --bg-light: #F8FAFC;
  --bg-medium: #F1F5F9;
  --bg-dark: #1F2937;
  
  /* Status Colors */
  --success: #059669;
  --warning: #D97706;
  --error: #DC2626;
  --info: #2563EB;
  
  /* Elegant Gradients */
  --gradient-primary: linear-gradient(135deg, #1E40AF 0%, #1E3A8A 50%, #3B82F6 100%);
  --gradient-secondary: linear-gradient(135deg, #475569 0%, #64748B 50%, #94A3B8 100%);
  --gradient-accent: linear-gradient(135deg, #047857 0%, #059669 50%, #10B981 100%);
  --gradient-background: linear-gradient(180deg, #ffffff 0%, #F8FAFC 50%, #F1F5F9 100%);
  --gradient-hero: linear-gradient(135deg, rgba(30, 64, 175, 0.9) 0%, rgba(30, 58, 138, 0.8) 50%, rgba(59, 130, 246, 0.7) 100%);
  --gradient-testimonial: linear-gradient(135deg, #F8FAFC 0%, #ffffff 50%, #F1F5F9 100%);
  --gradient-cta: linear-gradient(135deg, #1E3A8A 0%, #3B82F6 50%, #059669 100%);
  
  /* Theme Identifier */
  --theme-name: "corporate-excellence";
}

/* ==========================================
   THEME TRANSITION ANIMATIONS
   ========================================== */
* {
  transition: background-color var(--transition-normal), 
              color var(--transition-normal), 
              border-color var(--transition-normal),
              box-shadow var(--transition-normal);
}