/* KOJIE AI - EMERALD FOREST THEME */
/* Deep greens and earth tones inspired by ancient forests */

:root {
    /* Forest Color Palette */
    --forest-primary: #00d084;
    --forest-primary-rgb: 0, 208, 132;
    --forest-secondary: #00a86b;
    --forest-secondary-rgb: 0, 168, 107;
    --forest-accent: #7bed9f;
    --forest-accent-rgb: 123, 237, 159;
    --forest-emerald: #2ed573;
    --forest-deep: #0c4a2c;
    
    /* Forest Background Gradients */
    --forest-bg-primary: rgba(5, 15, 10, 0.98);
    --forest-bg-secondary: rgba(10, 25, 18, 0.95);
    --forest-bg-tertiary: rgba(15, 35, 25, 0.9);
    
    --forest-bg-gradient: linear-gradient(135deg, 
        rgba(8, 20, 15, 0.98) 0%,
        rgba(12, 35, 22, 0.96) 25%,
        rgba(15, 50, 30, 0.94) 50%,
        rgba(12, 40, 25, 0.95) 75%,
        rgba(8, 25, 18, 0.97) 100%
    );
    
    /* Text Colors */
    --forest-text-primary: #e8f5e9;
    --forest-text-secondary: rgba(123, 237, 159, 0.9);
    --forest-text-muted: rgba(0, 168, 107, 0.7);
}

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

/* Forest Canopy Glow */
body[data-theme="forest"]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(
        ellipse at 30% 30%,
        rgba(0, 208, 132, 0.08) 0%,
        transparent 50%
    );
    pointer-events: none;
    z-index: -1;
}

/* Ground Moss Effect */
body[data-theme="forest"]::after {
    content: '';
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 150px;
    background: linear-gradient(
        to top,
        rgba(0, 168, 107, 0.12) 0%,
        transparent 100%
    );
    pointer-events: none;
    z-index: -1;
}

/* Forest Cards */
body[data-theme="forest"] .card,
body[data-theme="forest"] .elegant-card {
    background: rgba(12, 35, 22, 0.6) !important;
    border: 1px solid rgba(0, 208, 132, 0.3) !important;
    backdrop-filter: blur(10px);
}

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

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

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

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

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

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

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

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