/*
Theme Name: Obsidian Portfolio
Version: 1.2
*/

body {
    background-color: #0A0A0B;
    color: #F4F4F4;
    overflow-x: hidden;
}

/* Updated Tech Panel for JS interaction */
.tech-panel {
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

/* High-end Image Card */
.project-card {
    transition: border-color 0.4s ease;
}
.project-card:hover {
    border-color: rgba(197, 160, 89, 1);
}

/* Scrollbar and Selections */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0A0A0B; }
::-webkit-scrollbar-thumb { background: #333; }
::-webkit-scrollbar-thumb:hover { background: #C5A059; }

::selection {
    background: #C5A059;
    color: #0A0A0B;
}

/* Portal Smoothing */
#projectPortal::-webkit-scrollbar { display: none; }
#projectPortal { -ms-overflow-style: none; scrollbar-width: none; }

/* GPU Acceleration for smooth scrolling */
.obsidian-card, img, .timeline-dot {
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform, opacity;
}

/* Disable expensive filters on mobile for 60fps performance */
@media (max-width: 768px) {
    .backdrop-blur-sm, 
    .backdrop-blur-md {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background-color: rgba(15, 15, 16, 0.98) !important;
    }
    
    /* Simplify shadows for mobile GPUs */
    .mobile-shadow-none {
        box-shadow: none !important;
    }

    /* Reduce filter complexity on mobile */
    .mobile-grayscale-off {
        filter: none !important;
    }
}