/* The Scavenger — Custom Styles */

/* Font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #f8f9fa;
}

/* Category badges */
.badge-models { background-color: #0d6efd; color: #fff; }
.badge-tools { background-color: #198754; color: #fff; }
.badge-research { background-color: #6f42c1; color: #fff; }
.badge-industry { background-color: #fd7e14; color: #fff; }
.badge-tutorials { background-color: #20c997; color: #fff; }

/* Article cards */
.card-article {
    border: none;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.2s ease;
}

.card-article:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.card-article.highlighted {
    border-left: 4px solid #fd7e14;
}

/* Sidebar (admin) */
.sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
}

.sidebar .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 0.375rem;
}

.sidebar .nav-link.active {
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 0.375rem;
}

/* CTA card */
.card.border-warning {
    border-width: 2px;
}

/* Responsive */
@media (max-width: 768px) {
    .sidebar {
        display: none;
    }
}