/* assets/css/style.css */

/* Light Theme Scrollbars */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #2563eb;
}

/* Light Card styling */
.glass-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}

.glass-card-hover {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.glass-card-hover:hover {
    transform: translateY(-4px);
    border-color: #cbd5e1;
    box-shadow: 0 12px 20px -5px rgba(37, 99, 235, 0.1);
}

/* Custom Badges */
.badge-featured {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.badge-approved {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #047857;
}

.badge-pending {
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #b45309;
}

.badge-new {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
}

/* Hero Background Glow */
.hero-glow {
    position: absolute;
    top: -10%;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    height: 400px;
    background: radial-gradient(circle, rgba(37, 99, 235, 0.12) 0%, rgba(248, 250, 252, 0) 70%);
    pointer-events: none;
    z-index: 0;
}