/* Crash Big Trader - Dark Blue Theme Variables */
/* This file contains all theme colors and can be easily modified to change the entire color scheme */

:root {
    /* Primary Dark Blue Colors */
    --primary-green: #0ea5e9;
    --secondary-green: #38bdf8;
    --accent-green: #7dd3fc;
    --light-green: #bae6fd;
    --dark-green: #0369a1;
    --forest-green: #075985;
    --sage-green: #0c4a6e;
    
    /* Background Colors */
    --dark-navy: #033d58;
    --navy: #0c4a6e;
    --slate: #075985;
    
    /* Text Colors */
    --light-color: #ffffff;
    --text-muted: #e0f2fe;
    --gray-color: #bae6fd;
    
    /* Glass Effects */
    --glass-white: rgba(255, 255, 255, 0.1);
    --glass-green: rgba(14, 165, 233, 0.1);
    --glass-border: rgba(255, 255, 255, 0.2);
    --glass-bg: rgba(3, 61, 88, 0.6);
    
    /* Status Colors */
    --success-color: #22c55e;
    --error-color: #ef4444;
    --warning-color: #f59e0b;
    --info-color: #0ea5e9;
    --gold-color: #f59e0b;
    
    /* Gradients */
    --green-gradient: linear-gradient(135deg, #0ea5e9, #38bdf8, #7dd3fc);
    --green-gradient-dark: linear-gradient(135deg, #0369a1, #075985, #0c4a6e);
    
    /* Surfaces */
    --surface-glass: rgba(3, 61, 88, 0.8);
    --card-glass: rgba(255, 255, 255, 0.05);
    --card-bg: rgba(3, 61, 88, 0.9);
    --darker-color: rgba(3, 61, 88, 0.95);
    
    /* 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(14, 165, 233, 0.4);
    --cursor-glow: radial-gradient(circle, rgba(14, 165, 233, 0.4) 0%, transparent 40%);
}

/* Alternative Theme Classes */
.theme-blue {
    --primary-green: #0ea5e9;
    --secondary-green: #38bdf8;
    --accent-green: #7dd3fc;
    --light-green: #bae6fd;
    --dark-green: #0369a1;
    --forest-green: #075985;
    --sage-green: #0c4a6e;
    --green-gradient: linear-gradient(135deg, #0ea5e9, #38bdf8, #7dd3fc);
    --green-gradient-dark: linear-gradient(135deg, #0369a1, #075985, #0c4a6e);
    --surface-glass: rgba(3, 61, 88, 0.8);
    --card-bg: rgba(3, 61, 88, 0.9);
    --darker-color: rgba(3, 61, 88, 0.95);
    --accent-glow: rgba(14, 165, 233, 0.4);
    --cursor-glow: radial-gradient(circle, rgba(14, 165, 233, 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%);
}