/* Download Page Color Palette - Ozzaka */
:root {
    /* Primary Colors */
    --primary: #1767CF;
    --primary-foreground: #FFFFFF;
    
    /* Secondary Colors */
    --secondary: #3763F4;
    --secondary-foreground: #0D1419;
    
    /* Accent Colors */
    --accent: #0C1622;
    --accent-foreground: #1767CF;
    
    /* Base Colors */
    --background: #000000;
    --foreground: #8796A2;
    
    /* Card Colors */
    --card-background: #17181C;
    --card-foreground: #B9B9B9;
    
    /* Muted Colors */
    --muted: #181818;
    --muted-foreground: #727272;
    
    /* Chart Colors */
    --chart-1: #1767CF;
    --chart-2: #27C49F;
    --chart-3: #F2C94C;
    --chart-4: #2F80ED;
    --chart-5: #EB5757;
}

/* Override background gradient - keep dark but use blue tones */
body {
    background: linear-gradient(135deg, #0a0a0a 0%, #0C1622 50%, #17181C 100%) !important;
}

/* Gradient backgrounds - all blue tones */
.gradient-bg {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 50%, var(--chart-4) 100%) !important;
    background-size: 400% 400% !important;
}

/* Download button - blue gradient */
.download-btn {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%) !important;
}

.download-btn:hover {
    box-shadow: 0 20px 40px rgba(23, 103, 207, 0.4) !important;
}

/* Version badge - blue gradient */
.version-badge {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%) !important;
}

/* Glass effect */
.glass-effect {
    background: rgba(23, 24, 28, 0.5) !important;
    backdrop-filter: blur(20px) !important;
    border: 1px solid var(--sidebar-border) !important;
}

/* Text colors */
.text-white { color: var(--primary-foreground) !important; }
.text-gray-100 { color: var(--card-foreground) !important; }
.text-gray-200 { color: var(--card-foreground) !important; }
.text-gray-300 { color: var(--foreground) !important; }
.text-gray-400 { color: var(--muted-foreground) !important; }
.text-gray-500 { color: var(--muted-foreground) !important; }

/* Colored text - all map to palette */
.text-blue-400 { color: var(--primary) !important; }
.text-blue-500 { color: var(--primary) !important; }
.text-blue-600 { color: var(--secondary) !important; }
.text-purple-400 { color: var(--primary) !important; }
.text-purple-500 { color: var(--primary) !important; }
.text-purple-600 { color: var(--secondary) !important; }
.text-pink-400 { color: var(--primary) !important; }
.text-pink-500 { color: var(--primary) !important; }
.text-green-400 { color: var(--chart-2) !important; }
.text-green-500 { color: var(--chart-2) !important; }
.text-yellow-400 { color: var(--chart-3) !important; }
.text-yellow-500 { color: var(--chart-3) !important; }
.text-red-400 { color: var(--chart-5) !important; }
.text-red-500 { color: var(--chart-5) !important; }

/* Background colors */
.bg-gray-800 { background-color: var(--card-background) !important; }
.bg-gray-900 { background-color: var(--background) !important; }
.bg-blue-500 { background-color: var(--primary) !important; }
.bg-blue-600 { background-color: var(--secondary) !important; }
.bg-purple-500 { background-color: var(--primary) !important; }
.bg-purple-600 { background-color: var(--primary) !important; }
.bg-pink-500 { background-color: var(--primary) !important; }
.bg-pink-600 { background-color: var(--primary) !important; }
.bg-green-500 { background-color: var(--chart-2) !important; }
.bg-yellow-500 { background-color: var(--chart-3) !important; }
.bg-red-500 { background-color: var(--chart-5) !important; }

/* Background with opacity */
.bg-blue-500\\/20 { background-color: rgba(23, 103, 207, 0.2) !important; }
.bg-purple-500\\/20 { background-color: rgba(23, 103, 207, 0.2) !important; }
.bg-pink-500\\/20 { background-color: rgba(23, 103, 207, 0.2) !important; }
.bg-green-500\\/20 { background-color: rgba(39, 196, 159, 0.2) !important; }
.bg-yellow-500\\/20 { background-color: rgba(242, 201, 76, 0.2) !important; }

/* Border colors */
.border-gray-700 { border-color: var(--sidebar-border) !important; }
.border-gray-600 { border-color: var(--sidebar-border) !important; }
.border-blue-500 { border-color: var(--primary) !important; }
.border-purple-500 { border-color: var(--primary) !important; }
.border-pink-500 { border-color: var(--primary) !important; }

/* Hover states */
.hover\\:bg-gray-700:hover { background-color: var(--muted) !important; }
.hover\\:bg-gray-800:hover { background-color: var(--card-background) !important; }
.hover\\:text-white:hover { color: var(--primary-foreground) !important; }
.hover\\:text-blue-400:hover { color: var(--primary) !important; }

/* Gradients - all use blue tones */
.from-blue-600.to-purple-600,
.from-purple-600.to-pink-600,
.from-blue-500.to-purple-600,
.from-purple-500.to-pink-500 {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%) !important;
}

.from-blue-600\\/10.via-purple-600\\/10.to-pink-600\\/10 {
    background: linear-gradient(to right, rgba(23, 103, 207, 0.1), rgba(55, 99, 244, 0.1), rgba(47, 128, 237, 0.1)) !important;
}

/* Pulse glow animation - blue */
@keyframes pulseGlow {
    0%, 100% { box-shadow: 0 0 20px rgba(23, 103, 207, 0.3); }
    50% { box-shadow: 0 0 40px rgba(23, 103, 207, 0.6); }
}

/* Progress bar - blue */
.progress-bar {
    background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%) !important;
}

/* Feature cards */
.feature-card {
    background: var(--card-background) !important;
    border: 1px solid var(--sidebar-border) !important;
}

.feature-card:hover {
    border-color: var(--primary) !important;
    box-shadow: 0 10px 30px rgba(23, 103, 207, 0.2) !important;
}

/* Navigation */
.nav-bg {
    background: rgba(0, 0, 0, 0.9) !important;
    backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid var(--sidebar-border) !important;
}

/* Buttons */
.btn-primary {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%) !important;
}

.btn-primary:hover {
    filter: brightness(1.1) !important;
    box-shadow: 0 10px 30px rgba(23, 103, 207, 0.3) !important;
}

/* Stats cards */
.stat-card {
    background: var(--card-background) !important;
    border: 1px solid var(--sidebar-border) !important;
}

/* Icon backgrounds */
.icon-bg-blue { background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%) !important; }
.icon-bg-green { background: linear-gradient(135deg, var(--chart-2) 0%, #1a9f7a 100%) !important; }
.icon-bg-yellow { background: linear-gradient(135deg, var(--chart-3) 0%, #d4a017 100%) !important; }
.icon-bg-red { background: linear-gradient(135deg, var(--chart-5) 0%, var(--chart-5) 100%) !important; }

/* Remove all purple/pink specific styles */
.text-purple-400,
.text-purple-500,
.text-purple-600,
.text-pink-400,
.text-pink-500,
.text-pink-600 {
    color: var(--primary) !important;
}

.bg-purple-400,
.bg-purple-500,
.bg-purple-600,
.bg-purple-700,
.bg-purple-800,
.bg-pink-400,
.bg-pink-500,
.bg-pink-600 {
    background-color: var(--primary) !important;
}

/* Particles - blue */
.particle {
    background: rgba(23, 103, 207, 0.5) !important;
}