/* 
 * Monochrome Dark Theme for Login Page
 * Color Palette:
 * - Background: #000000 (pure black)
 * - Primary text: #FFFFFF (pure white)
 * - Secondary elements: #0D0D0D to #1A1A1A (dark grey)
 * - Accents: #262626, #404040, #808080 (greyscale)
 */

/* 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, footer.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 #262626 !important;
}

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

/* Remove gradient text */
.gradient-text {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    color: #FFFFFF !important;
}

/* Remove hover glow effects */
.hover-glow:hover {
    box-shadow: 0 0 10px rgba(64, 64, 64, 0.3) !important;
}

.login-form-glow {
    box-shadow: 0 0 20px rgba(64, 64, 64, 0.2) !important;
}

/* Form styles */
.form-input {
    background: #1A1A1A !important;
    border: 1px solid #262626 !important;
    color: #FFFFFF !important;
}

.form-input:focus {
    background: #262626 !important;
    border-color: #404040 !important;
    box-shadow: 0 0 0 3px rgba(64, 64, 64, 0.1) !important;
}

.form-input::placeholder {
    color: #808080 !important;
}

/* Logo and icons - remove gradients */
div[class*="from-indigo"],
div[class*="to-purple"],
div[class*="from-blue"],
div[class*="to-blue"],
div[class*="from-cyan"] {
    background: #404040 !important;
    background-image: none !important;
}

/* Background effects - make very subtle */
div[class*="bg-indigo-500/10"],
div[class*="bg-purple-500/10"],
div[class*="bg-cyan-500/10"],
div[class*="bg-indigo-500/5"],
div[class*="bg-purple-500/5"] {
    background: rgba(26, 26, 26, 0.05) !important;
}

/* Feature badges */
div[class*="bg-green-500/20"] {
    background: #1A1A1A !important;
    border: 1px solid #262626 !important;
}

div[class*="text-green-300"] {
    color: #808080 !important;
}

div[class*="bg-blue-500/20"] {
    background: #1A1A1A !important;
    border: 1px solid #262626 !important;
}

div[class*="text-blue-300"] {
    color: #808080 !important;
}

div[class*="bg-purple-500/20"] {
    background: #1A1A1A !important;
    border: 1px solid #262626 !important;
}

div[class*="text-purple-300"] {
    color: #808080 !important;
}

/* Submit button */
button[type="submit"] {
    background: #262626 !important;
    background-image: none !important;
    border: 1px solid #404040 !important;
}

button[type="submit"]:hover {
    background: #404040 !important;
    transform: scale(1.02) !important;
}

/* Support button */
a[class*="bg-cyan-500/20"] {
    background: #1A1A1A !important;
    border: 1px solid #262626 !important;
}

a[class*="bg-cyan-500/20"]:hover {
    background: #262626 !important;
}

a[class*="text-cyan-300"] {
    color: #808080 !important;
}

/* Error messages */
div[class*="bg-red-500/10"] {
    background: rgba(68, 34, 34, 0.2) !important;
    border: 1px solid rgba(102, 68, 68, 0.4) !important;
}

.text-red-300,
.text-red-400 {
    color: #7d5a5a !important;
}

/* Icon colors */
.text-indigo-400,
.text-purple-400,
.text-blue-400,
.text-green-400 {
    color: #808080 !important;
}

/* Footer */
footer {
    background: #0D0D0D !important;
}

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

/* Border colors */
.border-gray-700\/50 {
    border-color: #262626 !important;
}

.border-indigo-500\/30 {
    border-color: #262626 !important;
}

/* Text colors */
.text-gray-400 {
    color: #808080 !important;
}

.text-gray-500 {
    color: #666666 !important;
}

/* Home link hover */
a[class*="hover:bg-gray-800/50"]:hover {
    background: #1A1A1A !important;
}

/* Social icons */
a[class*="from-blue-500"][class*="to-blue-600"] {
    background: #404040 !important;
    background-image: none !important;
}

a[class*="from-blue-500"][class*="to-blue-600"]:hover {
    background: #262626 !important;
}

/* Ethereum icon */
.fab.fa-ethereum.text-blue-400 {
    color: #808080 !important;
}