/* Hifex Trader - Green Theme Variables */
/* This file contains all theme colors and can be easily modified to change the entire color scheme */

:root {
    /* Primary Green Colors */
    --primary-green: #22c55e;
    --secondary-green: #16a34a;
    --accent-green: #4ade80;
    --light-green: #86efac;
    --dark-green: #15803d;
    --forest-green: #166534;
    --sage-green: #14532d;
    
    /* Background Colors */
    --dark-navy: #000000;
    --navy: #0a0a0a;
    --slate: #1a1a1a;
    
    /* Text Colors */
    --light-color: #ffffff;
    --text-muted: #9ca3af;
    --gray-color: #9ca3af;
    
    /* Glass Effects */
    --glass-white: rgba(255, 255, 255, 0.1);
    --glass-green: rgba(34, 197, 94, 0.1);
    --glass-border: rgba(255, 255, 255, 0.2);
    --glass-bg: rgba(0, 0, 0, 0.6);
    
    /* Status Colors */
    --success-color: #22c55e;
    --error-color: #ef4444;
    --warning-color: #f59e0b;
    --info-color: #3b82f6;
    --gold-color: #f59e0b;
    
    /* Gradients */
    --green-gradient: linear-gradient(135deg, #22c55e, #16a34a, #4ade80);
    --green-gradient-dark: linear-gradient(135deg, #15803d, #166534, #14532d);
    
    /* Surfaces */
    --surface-glass: rgba(0, 0, 0, 0.6);
    --card-glass: rgba(255, 255, 255, 0.05);
    --card-bg: rgba(0, 0, 0, 0.8);
    --darker-color: rgba(0, 0, 0, 0.9);
    
    /* Legacy Blue Variables (for compatibility) */
    --primary-blue: var(--primary-green);
    --secondary-blue: var(--secondary-green);
    --accent-blue: var(--accent-green);
    --light-blue: var(--light-green);
    --blue-gradient: var(--green-gradient);
    
    /* Additional Variables */
    --primary-color: var(--primary-green);
    --secondary-color: var(--secondary-green);
    --accent-color: var(--accent-green);
    --dark-color: var(--dark-navy);
    
    /* Glow Effects */
    --accent-glow: rgba(34, 197, 94, 0.4);
    --cursor-glow: radial-gradient(circle, rgba(34, 197, 94, 0.4) 0%, transparent 40%);
}

/* Alternative Theme Classes */
.theme-blue {
    --primary-green: #1e40af;
    --secondary-green: #3b82f6;
    --accent-green: #60a5fa;
    --light-green: #93c5fd;
    --dark-green: #0f172a;
    --forest-green: #1e293b;
    --sage-green: #334155;
    --green-gradient: linear-gradient(135deg, #1e40af, #3b82f6, #60a5fa);
    --green-gradient-dark: linear-gradient(135deg, #0f172a, #1e293b, #334155);
    --surface-glass: rgba(30, 41, 75, 0.6);
    --card-bg: rgba(30, 41, 75, 0.8);
    --darker-color: rgba(15, 23, 42, 0.9);
    --accent-glow: rgba(59, 130, 246, 0.4);
    --cursor-glow: radial-gradient(circle, rgba(59, 130, 246, 0.4) 0%, transparent 40%);
}

.theme-purple {
    --primary-green: #7c3aed;
    --secondary-green: #8b5cf6;
    --accent-green: #a78bfa;
    --light-green: #c4b5fd;
    --dark-green: #1e1b4b;
    --forest-green: #312e81;
    --sage-green: #4338ca;
    --green-gradient: linear-gradient(135deg, #7c3aed, #8b5cf6, #a78bfa);
    --green-gradient-dark: linear-gradient(135deg, #1e1b4b, #312e81, #4338ca);
    --surface-glass: rgba(30, 27, 75, 0.6);
    --card-bg: rgba(30, 27, 75, 0.8);
    --darker-color: rgba(15, 14, 38, 0.9);
    --accent-glow: rgba(139, 92, 246, 0.4);
    --cursor-glow: radial-gradient(circle, rgba(139, 92, 246, 0.4) 0%, transparent 40%);
}

.theme-red {
    --primary-green: #dc2626;
    --secondary-green: #ef4444;
    --accent-green: #f87171;
    --light-green: #fca5a5;
    --dark-green: #450a0a;
    --forest-green: #7f1d1d;
    --sage-green: #991b1b;
    --green-gradient: linear-gradient(135deg, #dc2626, #ef4444, #f87171);
    --green-gradient-dark: linear-gradient(135deg, #450a0a, #7f1d1d, #991b1b);
    --surface-glass: rgba(69, 10, 10, 0.6);
    --card-bg: rgba(69, 10, 10, 0.8);
    --darker-color: rgba(35, 5, 5, 0.9);
    --accent-glow: rgba(239, 68, 68, 0.4);
    --cursor-glow: radial-gradient(circle, rgba(239, 68, 68, 0.4) 0%, transparent 40%);
}