body {
    background-color: #0c0c0c;
}

.bg-ph-dark {
    background-color: #1b1b1b;
}

.bg-ph-card {
    background-color: #242424;
}

.text-ph-orange {
    color: #ff9900;
}

.bg-ph-orange {
    background-color: #ff9900;
}

.border-ph-orange {
    border-color: #ff9900;
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.animate-slide-in {
    animation: slideIn 0.3s ease-out forwards;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #111;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #ff9900;
}

/* Navigation Tabs */
.nav-tab {
    color: #a3a3a3;
    background-color: transparent;
}

.nav-tab:hover {
    color: #ffffff;
    background-color: #262626;
}

.nav-tab.active {
    color: #000000;
    background-color: #ff9900;
}