/* Theme Configuration File */
/* This file contains all color variables for easy theme customization */

:root {
    /* Default Discord Theme */
    --primary-color: #5865F2;
    --primary-light: #7289DA;
    --primary-dark: #4752C4;
    --secondary-color: #57F287;
    --danger-color: #FF6B6B;
    --warning-color: #FFB86C;
    
    /* Background Colors */
    --bg-primary: #23272A;
    --bg-secondary: #2C2F33;
    
    /* Surface Colors */
    --surface-primary: rgba(54, 57, 63, 0.6);
    --surface-secondary: rgba(47, 49, 54, 0.8);
    --surface-tertiary: rgba(32, 34, 37, 0.8);
    --surface-quaternary: rgba(32, 34, 37, 0.95);
    
    /* Text Colors */
    --text-primary: #FFFFFF;
    --text-secondary: #DCDDDE;
    --text-muted: #B9BBBE;
    --text-dark: #1E2124;
    
    /* Border Colors */
    --border-primary: #40444B;
    --border-secondary: rgba(88, 101, 242, 0.2);
    --border-tertiary: rgba(88, 101, 242, 0.3);
    --border-quaternary: rgba(88, 101, 242, 0.4);
    
    /* Interactive Colors */
    --hover-primary: rgba(88, 101, 242, 0.1);
    --hover-secondary: rgba(88, 101, 242, 0.2);
    --hover-tertiary: rgba(88, 101, 242, 0.3);
    
    /* Shadow Colors */
    --shadow-medium: rgba(0, 0, 0, 0.3);
    --shadow-heavy: rgba(0, 0, 0, 0.5);
    --shadow-primary: rgba(88, 101, 242, 0.2);
    --shadow-primary-heavy: rgba(88, 101, 242, 0.4);
    
    /* Gradient Colors */
    --gradient-primary: linear-gradient(45deg, var(--primary-color), var(--primary-light));
    --gradient-secondary: linear-gradient(45deg, var(--secondary-color), #3EE868);
    --gradient-danger: linear-gradient(45deg, var(--danger-color), #FF5252);
    --gradient-background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
    --gradient-rainbow: linear-gradient(45deg, var(--primary-color), var(--primary-light), var(--secondary-color));
    
    /* Command Text Colors for Better Readability */
    --command-name-color: #B9BBBE;
    --command-type-bg: rgba(114, 137, 218, 0.3);
    --command-type-color: #FFFFFF;
}

/* Light Theme */
[data-theme="light"] {
    --primary-color: #5865F2;
    --primary-light: #7289DA;
    --primary-dark: #4752C4;
    --secondary-color: #00C851;
    --danger-color: #FF4444;
    --warning-color: #FFBB33;
    
    /* Background Colors */
    --bg-primary: #FFFFFF;
    --bg-secondary: #F8F9FA;
    
    /* Surface Colors */
    --surface-primary: rgba(255, 255, 255, 0.9);
    --surface-secondary: rgba(248, 249, 250, 0.9);
    --surface-tertiary: rgba(233, 236, 239, 0.9);
    --surface-quaternary: rgba(222, 226, 230, 0.95);
    
    /* Text Colors */
    --text-primary: #212529;
    --text-secondary: #495057;
    --text-muted: #6C757D;
    --text-dark: #FFFFFF;
    
    /* Border Colors */
    --border-primary: #DEE2E6;
    --border-secondary: rgba(88, 101, 242, 0.3);
    --border-tertiary: rgba(88, 101, 242, 0.4);
    --border-quaternary: rgba(88, 101, 242, 0.5);
    
    /* Interactive Colors */
    --hover-primary: rgba(88, 101, 242, 0.1);
    --hover-secondary: rgba(88, 101, 242, 0.15);
    --hover-tertiary: rgba(88, 101, 242, 0.2);
    
    /* Shadow Colors */
    --shadow-medium: rgba(0, 0, 0, 0.15);
    --shadow-heavy: rgba(0, 0, 0, 0.25);
    --shadow-primary: rgba(88, 101, 242, 0.15);
    --shadow-primary-heavy: rgba(88, 101, 242, 0.3);
    
    /* Gradient Colors */
    --gradient-background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
    
    /* Command Text Colors */
    --command-name-color: #6C757D;
    --command-type-bg: rgba(88, 101, 242, 0.2);
    --command-type-color: #5865F2;
}

/* Dark Blue Theme */
[data-theme="dark-blue"] {
    --primary-color: #0066CC;
    --primary-light: #3399FF;
    --primary-dark: #004499;
    --secondary-color: #00FF88;
    --danger-color: #FF3366;
    --warning-color: #FF9900;
    
    /* Background Colors */
    --bg-primary: #0A0E1A;
    --bg-secondary: #1A1F2E;
    
    /* Surface Colors */
    --surface-primary: rgba(42, 49, 66, 0.6);
    --surface-secondary: rgba(26, 31, 46, 0.8);
    --surface-tertiary: rgba(10, 14, 26, 0.8);
    --surface-quaternary: rgba(10, 14, 26, 0.95);
    
    /* Text Colors */
    --text-primary: #FFFFFF;
    --text-secondary: #E6E8EA;
    --text-muted: #A6B0BA;
    --text-dark: #0A0E1A;
    
    /* Border Colors */
    --border-primary: #3A4356;
    --border-secondary: rgba(0, 102, 204, 0.2);
    --border-tertiary: rgba(0, 102, 204, 0.3);
    --border-quaternary: rgba(0, 102, 204, 0.4);
    
    /* Interactive Colors */
    --hover-primary: rgba(0, 102, 204, 0.1);
    --hover-secondary: rgba(0, 102, 204, 0.2);
    --hover-tertiary: rgba(0, 102, 204, 0.3);
    
    /* Shadow Colors */
    --shadow-medium: rgba(0, 0, 0, 0.4);
    --shadow-heavy: rgba(0, 0, 0, 0.6);
    --shadow-primary: rgba(0, 102, 204, 0.2);
    --shadow-primary-heavy: rgba(0, 102, 204, 0.4);
    
    /* Gradient Colors */
    --gradient-primary: linear-gradient(45deg, var(--primary-color), var(--primary-light));
    --gradient-secondary: linear-gradient(45deg, var(--secondary-color), #00CC66);
    --gradient-danger: linear-gradient(45deg, var(--danger-color), #FF1144);
    --gradient-background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
    --gradient-rainbow: linear-gradient(45deg, var(--primary-color), var(--primary-light), var(--secondary-color));
    
    /* Command Text Colors */
    --command-name-color: #A6B0BA;
    --command-type-bg: rgba(0, 102, 204, 0.3);
    --command-type-color: #3399FF;
}

/* Purple Theme */
[data-theme="purple"] {
    --primary-color: #8B5CF6;
    --primary-light: #A78BFA;
    --primary-dark: #7C3AED;
    --secondary-color: #10B981;
    --danger-color: #EF4444;
    --warning-color: #F97316;
    
    /* Background Colors */
    --bg-primary: #1E1B2E;
    --bg-secondary: #2D2A3E;
    
    /* Surface Colors */
    --surface-primary: rgba(60, 57, 78, 0.6);
    --surface-secondary: rgba(45, 42, 62, 0.8);
    --surface-tertiary: rgba(30, 27, 46, 0.8);
    --surface-quaternary: rgba(30, 27, 46, 0.95);
    
    /* Text Colors */
    --text-primary: #FFFFFF;
    --text-secondary: #E5E7EB;
    --text-muted: #9CA3AF;
    --text-dark: #1E1B2E;
    
    /* Border Colors */
    --border-primary: #4B485E;
    --border-secondary: rgba(139, 92, 246, 0.2);
    --border-tertiary: rgba(139, 92, 246, 0.3);
    --border-quaternary: rgba(139, 92, 246, 0.4);
    
    /* Interactive Colors */
    --hover-primary: rgba(139, 92, 246, 0.1);
    --hover-secondary: rgba(139, 92, 246, 0.2);
    --hover-tertiary: rgba(139, 92, 246, 0.3);
    
    /* Shadow Colors */
    --shadow-medium: rgba(0, 0, 0, 0.3);
    --shadow-heavy: rgba(0, 0, 0, 0.5);
    --shadow-primary: rgba(139, 92, 246, 0.2);
    --shadow-primary-heavy: rgba(139, 92, 246, 0.4);
    
    /* Gradient Colors */
    --gradient-primary: linear-gradient(45deg, var(--primary-color), var(--primary-light));
    --gradient-secondary: linear-gradient(45deg, var(--secondary-color), #059669);
    --gradient-danger: linear-gradient(45deg, var(--danger-color), #DC2626);
    --gradient-background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
    --gradient-rainbow: linear-gradient(45deg, var(--primary-color), var(--primary-light), var(--secondary-color));
    
    /* Command Text Colors */
    --command-name-color: #9CA3AF;
    --command-type-bg: rgba(139, 92, 246, 0.3);
    --command-type-color: #A78BFA;
}

/* Green Theme */
[data-theme="green"] {
    --primary-color: #10B981;
    --primary-light: #34D399;
    --primary-dark: #059669;
    --secondary-color: #3B82F6;
    --danger-color: #EF4444;
    --warning-color: #F97316;
    
    /* Background Colors */
    --bg-primary: #0F1B0F;
    --bg-secondary: #1F2B1F;
    
    /* Surface Colors */
    --surface-primary: rgba(47, 59, 47, 0.6);
    --surface-secondary: rgba(31, 43, 31, 0.8);
    --surface-tertiary: rgba(15, 27, 15, 0.8);
    --surface-quaternary: rgba(15, 27, 15, 0.95);
    
    /* Text Colors */
    --text-primary: #FFFFFF;
    --text-secondary: #E5E7EB;
    --text-muted: #9CA3AF;
    --text-dark: #0F1B0F;
    
    /* Border Colors */
    --border-primary: #3F4B3F;
    --border-secondary: rgba(16, 185, 129, 0.2);
    --border-tertiary: rgba(16, 185, 129, 0.3);
    --border-quaternary: rgba(16, 185, 129, 0.4);
    
    /* Interactive Colors */
    --hover-primary: rgba(16, 185, 129, 0.1);
    --hover-secondary: rgba(16, 185, 129, 0.2);
    --hover-tertiary: rgba(16, 185, 129, 0.3);
    
    /* Shadow Colors */
    --shadow-medium: rgba(0, 0, 0, 0.3);
    --shadow-heavy: rgba(0, 0, 0, 0.5);
    --shadow-primary: rgba(16, 185, 129, 0.2);
    --shadow-primary-heavy: rgba(16, 185, 129, 0.4);
    
    /* Gradient Colors */
    --gradient-primary: linear-gradient(45deg, var(--primary-color), var(--primary-light));
    --gradient-secondary: linear-gradient(45deg, var(--secondary-color), #2563EB);
    --gradient-danger: linear-gradient(45deg, var(--danger-color), #DC2626);
    --gradient-background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
    --gradient-rainbow: linear-gradient(45deg, var(--primary-color), var(--primary-light), var(--secondary-color));
    
    /* Command Text Colors */
    --command-name-color: #9CA3AF;
    --command-type-bg: rgba(16, 185, 129, 0.3);
    --command-type-color: #34D399;
}