/* Login 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;
}

/* Standard background - same as dashboard */
body {
    background: #000000 !important;
    background-image: none !important;
    background-color: #000000 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* Override any gradient backgrounds */
body::before,
body::after {
    display: none !important;
}

/* Force black background on all possible selectors */
html {
    background: #000000 !important;
    background-color: #000000 !important;
}

.bg-gray-900 {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
}

/* Glass effect - same as dashboard cards */
.glass-effect {
    backdrop-filter: blur(10px) !important;
    background: var(--card-background) !important;
    border: 1px solid var(--sidebar-border) !important;
}

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

.from-blue-400.via-purple-400.to-pink-400 {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%) !important;
}

/* Text gradient for logo */
.from-blue-400.via-purple-400.to-pink-400 {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%) !important;
}

/* Text colors */
.text-white { color: var(--primary-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; opacity: 0.8; }

/* Background colors */
.bg-gray-900 { background-color: var(--background) !important; }
.bg-gray-800 { background-color: var(--card-background) !important; }
.bg-gray-700 { background-color: var(--muted) !important; }

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

/* Input fields */
input[type="text"],
input[type="password"],
input[type="email"] {
    background-color: var(--muted) !important;
    border-color: var(--sidebar-border) !important;
    color: var(--card-foreground) !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px rgba(23, 103, 207, 0.1) !important;
}

/* Buttons - standard blue like dashboard */
.bg-gradient-to-r.from-blue-600.to-blue-700 {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%) !important;
}

.hover\:from-blue-700.hover\:to-blue-800:hover {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%) !important;
    filter: brightness(1.1) !important;
}

/* Contact Admin button - make it blue */
.from-blue-600.to-purple-600 {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%) !important;
}

.hover\:from-blue-700.hover\:to-purple-700:hover {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%) !important;
    filter: brightness(1.1) !important;
}

/* Focus states */
.focus\:ring-blue-500:focus {
    box-shadow: 0 0 0 3px rgba(23, 103, 207, 0.5) !important;
}

/* Message alerts */
.bg-red-900 {
    background-color: rgba(239, 87, 87, 0.1) !important;
}

.border-red-700 {
    border-color: var(--chart-5) !important;
}

.text-red-100 {
    color: var(--chart-5) !important;
}

.text-red-400 {
    color: var(--chart-5) !important;
}

.text-blue-400 {
    color: var(--primary) !important;
}

/* Footer card */
.bg-gray-800 {
    background-color: var(--card-background) !important;
}

/* Hover effects */
.hover\:shadow-xl:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.4) !important;
}

.hover\:scale-105:hover {
    transform: scale(1.05) !important;
}

/* Animation for logo */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}