/* KOJIE AI - MIDNIGHT PROFESSIONAL THEME */
/* Deep sophisticated blues for professional enterprise use */

:root {
    /* Midnight Color Palette */
    --midnight-primary: #5b9eff;
    --midnight-primary-rgb: 91, 158, 255;
    --midnight-secondary: #4285f4;
    --midnight-secondary-rgb: 66, 133, 244;
    --midnight-accent: #82b1ff;
    --midnight-accent-rgb: 130, 177, 255;
    --midnight-royal: #3d5afe;
    --midnight-deep: #0d1b2a;
    
    /* Midnight Background Gradients */
    --midnight-bg-primary: rgba(10, 15, 25, 0.98);
    --midnight-bg-secondary: rgba(15, 25, 40, 0.95);
    --midnight-bg-tertiary: rgba(20, 35, 55, 0.9);
    
    --midnight-bg-gradient: linear-gradient(135deg, 
        rgba(13, 27, 42, 0.98) 0%,
        rgba(15, 35, 55, 0.96) 25%,
        rgba(18, 45, 70, 0.94) 50%,
        rgba(15, 38, 60, 0.95) 75%,
        rgba(12, 25, 45, 0.97) 100%
    );
    
    /* Text Colors */
    --midnight-text-primary: #e3f2fd;
    --midnight-text-secondary: rgba(130, 177, 255, 0.9);
    --midnight-text-muted: rgba(91, 158, 255, 0.7);
}

/* Midnight Body Background */
body[data-theme="midnight"] {
    background: var(--midnight-bg-gradient);
    background-attachment: fixed;
    min-height: 100vh;
}

/* Professional Glow Effect */
body[data-theme="midnight"]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(
        circle at 70% 20%,
        rgba(91, 158, 255, 0.06) 0%,
        transparent 50%
    );
    pointer-events: none;
    z-index: -1;
}

/* Subtle Professional Border */
body[data-theme="midnight"]::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(
        to right,
        transparent,
        var(--midnight-primary),
        transparent
    );
    pointer-events: none;
    z-index: 1000;
}

/* Midnight Cards */
body[data-theme="midnight"] .card,
body[data-theme="midnight"] .elegant-card {
    background: rgba(15, 35, 55, 0.6) !important;
    border: 1px solid rgba(91, 158, 255, 0.3) !important;
    backdrop-filter: blur(10px);
}

body[data-theme="midnight"] .card:hover,
body[data-theme="midnight"] .elegant-card:hover {
    border-color: var(--midnight-primary) !important;
    box-shadow: 0 0 25px rgba(91, 158, 255, 0.2) !important;
}

/* Midnight Buttons */
body[data-theme="midnight"] .btn-primary,
body[data-theme="midnight"] .btn-innovation-primary {
    background: linear-gradient(135deg, var(--midnight-primary), var(--midnight-royal)) !important;
    border: none !important;
    color: #fff !important;
}

body[data-theme="midnight"] .btn-primary:hover,
body[data-theme="midnight"] .btn-innovation-primary:hover {
    box-shadow: 0 8px 25px rgba(91, 158, 255, 0.4) !important;
}

/* Midnight Text */
body[data-theme="midnight"] {
    color: var(--midnight-text-primary) !important;
}

body[data-theme="midnight"] h1,
body[data-theme="midnight"] h2,
body[data-theme="midnight"] h3 {
    color: var(--midnight-primary) !important;
}

/* Midnight Navbar */
body[data-theme="midnight"] .navbar {
    background: rgba(15, 25, 40, 0.95) !important;
    border-bottom: 2px solid var(--midnight-primary) !important;
    backdrop-filter: blur(10px);
}

body[data-theme="midnight"] .navbar .nav-link {
    color: var(--midnight-text-primary) !important;
}

body[data-theme="midnight"] .navbar .nav-link:hover {
    color: var(--midnight-primary) !important;
}