/* KOJIE AI - IDEA ENGINEERING THEME (Current Default) */
/* Trails-inspired theme with deep space navy and cyan accents */

:root {
    /* Trails-Inspired Color Palette */
    --idea-primary: #4dd4d4;
    --idea-primary-rgb: 77, 212, 212;
    --idea-secondary: #3ab5b5;
    --idea-secondary-rgb: 58, 181, 181;
    --idea-accent: #5de4e4;
    --idea-accent-rgb: 93, 228, 228;
    --idea-magenta: #a855f7;
    --idea-purple: #8b5cf6;
    --idea-lime: #12f0a1;
    
    /* Deep Space Navy Backgrounds (matching trails app) */
    --idea-bg-primary: rgba(10, 14, 26, 0.98);
    --idea-bg-secondary: rgba(12, 16, 28, 0.95);
    --idea-bg-tertiary: rgba(15, 20, 35, 0.9);
    
    --idea-bg-gradient: linear-gradient(135deg, 
        rgba(10, 14, 26, 0.98) 0%,
        rgba(12, 16, 28, 0.96) 25%,
        rgba(15, 20, 35, 0.94) 50%,
        rgba(12, 18, 32, 0.95) 75%,
        rgba(10, 15, 28, 0.97) 100%
    );
    
    /* Text Colors */
    --idea-text-primary: #e8f4f8;
    --idea-text-secondary: rgba(77, 212, 212, 0.9);
    --idea-text-muted: rgba(58, 181, 181, 0.7);
}

/* Idea Engineering Body Background - Solid deep navy like trails app */
body[data-theme="idea_engineering"],
body:not([data-theme]) {
    background: #0a0e1a !important;
    background-attachment: fixed;
    min-height: 100vh;
}

/* Purple Glow Effect (like trails app left side) */
body[data-theme="idea_engineering"]::before,
body:not([data-theme])::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(
        ellipse at 15% 50%,
        rgba(168, 85, 247, 0.12) 0%,
        rgba(139, 92, 246, 0.06) 25%,
        transparent 50%
    );
    pointer-events: none;
    z-index: -1;
}

/* Innovation Border Accent */
body[data-theme="idea_engineering"]::after,
body:not([data-theme])::after {
    content: '';
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(
        to right,
        var(--idea-purple),
        var(--idea-primary),
        var(--idea-lime)
    );
    pointer-events: none;
    z-index: 1000;
}

/* Idea Engineering Cards */
body[data-theme="idea_engineering"] .card,
body[data-theme="idea_engineering"] .elegant-card,
body:not([data-theme]) .card,
body:not([data-theme]) .elegant-card {
    background: rgba(12, 16, 28, 0.6) !important;
    border: 1px solid rgba(77, 212, 212, 0.3) !important;
    backdrop-filter: blur(10px);
}

body[data-theme="idea_engineering"] .card:hover,
body[data-theme="idea_engineering"] .elegant-card:hover,
body:not([data-theme]) .card:hover,
body:not([data-theme]) .elegant-card:hover {
    border-color: var(--idea-primary) !important;
    box-shadow: 0 0 30px rgba(77, 212, 212, 0.2) !important;
}

/* Idea Engineering Buttons */
body[data-theme="idea_engineering"] .btn-primary,
body[data-theme="idea_engineering"] .btn-innovation-primary,
body:not([data-theme]) .btn-primary,
body:not([data-theme]) .btn-innovation-primary {
    background: linear-gradient(135deg, var(--idea-primary), var(--idea-secondary)) !important;
    border: none !important;
    color: #000 !important;
}

body[data-theme="idea_engineering"] .btn-primary:hover,
body[data-theme="idea_engineering"] .btn-innovation-primary:hover,
body:not([data-theme]) .btn-primary:hover,
body:not([data-theme]) .btn-innovation-primary:hover {
    box-shadow: 0 8px 25px rgba(77, 212, 212, 0.4) !important;
}

/* Idea Engineering Text */
body[data-theme="idea_engineering"],
body:not([data-theme]) {
    color: var(--idea-text-primary) !important;
}

body[data-theme="idea_engineering"] h1,
body[data-theme="idea_engineering"] h2,
body[data-theme="idea_engineering"] h3,
body[data-theme="idea_engineering"] h4,
body[data-theme="idea_engineering"] h5,
body[data-theme="idea_engineering"] h6,
body:not([data-theme]) h1,
body:not([data-theme]) h2,
body:not([data-theme]) h3,
body:not([data-theme]) h4,
body:not([data-theme]) h5,
body:not([data-theme]) h6 {
    font-family: 'Space Grotesk', 'Inter', sans-serif !important;
    color: var(--idea-primary) !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
}

/* Idea Engineering Navbar */
body[data-theme="idea_engineering"] .navbar,
body:not([data-theme]) .navbar {
    background: rgba(12, 16, 28, 0.95) !important;
    border-bottom: 2px solid var(--idea-primary) !important;
    backdrop-filter: blur(10px);
}

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

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