/* 
 * Monochrome Dark Theme for Download Page
 * Allowed colors only:
 * - Background: #000000
 * - Primary text: #FFFFFF  
 * - Secondary elements: #0D0D0D to #1A1A1A
 * - Accents: #262626, #404040, #808080
 */

/* Define color variables */
:root {
    --bg-primary: #000000;
    --bg-secondary: #0D0D0D;
    --bg-tertiary: #1A1A1A;
    --bg-card: rgba(13, 13, 13, 0.8);
    --text-primary: #FFFFFF;
    --text-secondary: #808080;
    --text-muted: #666666;
    --accent-light: #404040;
    --accent-dark: #262626;
    --border-primary: #262626;
    --border-secondary: #404040;
}

/* Force monochrome on page load - highest priority */
body, html {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

/* Override Tailwind base colors immediately */
.bg-gray-900, body.bg-gray-900 {
    background: #000000 !important;
    background-color: #000000 !important;
}

.bg-gray-800 {
    background: #0D0D0D !important;
    background-color: #0D0D0D !important;
}

/* Glass-morphism effects */
.glass-card {
    backdrop-filter: blur(10px);
    background: rgba(13, 13, 13, 0.8) !important;
    border: 1px solid var(--border-primary) !important;
}

.glass-navbar {
    backdrop-filter: blur(10px);
    background: rgba(13, 13, 13, 0.95) !important;
    border-bottom: 1px solid var(--border-primary) !important;
}

/* Remove all gradient classes */
.gradient-text,
[class*="gradient-text"] {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    color: var(--text-primary) !important;
}

/* Override all Tailwind gradient backgrounds */
[class*="bg-gradient-to-"],
[class*="from-"],
[class*="to-"] {
    background-image: none !important;
}

/* Background patterns and effects */
[class*="bg-blue-500/10"],
[class*="bg-cyan-500/10"],
[class*="bg-green-500/10"],
[class*="bg-emerald-500/10"],
[class*="bg-purple-500/10"],
[class*="bg-yellow-500/10"],
[class*="bg-orange-500/10"],
[class*="bg-indigo-500/"],
[class*="bg-purple-500/"] {
    background: var(--bg-tertiary) !important;
}

/* Specific gradient overrides */
.bg-gradient-to-r,
.bg-gradient-to-br,
.bg-gradient-to-l {
    background: var(--accent-dark) !important;
    background-image: none !important;
}

/* Button and link overrides */
a[class*="from-indigo"],
a[class*="from-blue"],
a[class*="from-green"],
a[class*="from-purple"],
button[class*="from-"],
.hover-glow {
    background: var(--accent-dark) !important;
    background-image: none !important;
    border: 1px solid var(--border-secondary) !important;
}

a[class*="from-"]:hover,
button[class*="from-"]:hover {
    background: var(--accent-light) !important;
    background-image: none !important;
}

/* Text color overrides */
.text-blue-400,
.text-blue-300,
.text-cyan-400,
.text-cyan-300 {
    color: var(--text-secondary) !important;
}

.text-green-400,
.text-green-300,
.text-emerald-400,
.text-emerald-300 {
    color: var(--text-secondary) !important;
}

.text-purple-400,
.text-purple-300,
.text-pink-400,
.text-pink-300 {
    color: var(--text-secondary) !important;
}

.text-yellow-400,
.text-yellow-300,
.text-orange-400,
.text-orange-300 {
    color: var(--text-secondary) !important;
}

.text-red-400,
.text-red-300 {
    color: var(--text-secondary) !important;
}

/* Border color overrides */
[class*="border-blue"],
[class*="border-cyan"],
[class*="border-green"],
[class*="border-emerald"],
[class*="border-purple"],
[class*="border-pink"],
[class*="border-yellow"],
[class*="border-orange"],
[class*="border-indigo"] {
    border-color: var(--border-primary) !important;
}

/* Icon containers */
div[class*="from-indigo"],
div[class*="from-blue"],
div[class*="from-green"],
div[class*="from-purple"],
div[class*="from-cyan"],
div[class*="from-orange"],
div[class*="from-yellow"] {
    background: var(--accent-dark) !important;
    background-image: none !important;
}

/* Download card specific */
.download-card {
    background: var(--bg-card) !important;
    border-color: var(--border-primary) !important;
}

.download-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8) !important;
}

/* Hover glow effect */
.hover-glow:hover {
    box-shadow: 0 0 20px rgba(64, 64, 64, 0.3) !important;
}

/* Badge/pill containers */
div[class*="bg-white/20"],
span[class*="bg-white/20"] {
    background: rgba(38, 38, 38, 0.5) !important;
}

/* Footer specific */
footer {
    background: var(--bg-secondary) !important;
}

/* Disabled button */
button[disabled] {
    background: rgba(26, 26, 26, 0.5) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-muted) !important;
}

/* Notice boxes */
.bg-blue-500\/10 {
    background: var(--bg-tertiary) !important;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Remove any remaining color transitions that might cause flash */
* {
    transition-property: transform, opacity !important;
    transition-duration: 0.3s !important;
}