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

body {
    font-family: 'Inter', sans-serif;
}

.status-published {
    background-color: #10B981;
    color: white;
}

.status-review {
    background-color: #F59E0B;
    color: white;
}

.status-draft {
    background-color: #6B7280;
    color: white;
}

.report-thumbnail {
    transition: transform 0.3s ease;
}
.report-thumbnail:hover {
    transform: scale(1.02);
}

/* Tooltip styles */
.tippy-box {
    background-color: #1F2937;
    color: white;
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
}

.tippy-arrow {
    color: #1F2937;
}

/* Metric card transitions */
.metric-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.metric-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}