/* Custom Styles for DBE Past Papers Portal */

/* Base Typography adjustments */
body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Custom Scrollbar for modern feel */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Table Transitions */
tr {
    transition: background-color 0.15s ease;
}

/* Custom shadow extensions */
.shadow-custom-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow-custom-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
}

/* Animation on dynamic result changes */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Badge styling helper classes */
.badge {
    display: inline-flex;
    align-items: center;
    border-radius: 9999px;
    font-weight: 600;
    font-size: 0.7rem;
    padding: 0.25rem 0.625rem;
    line-height: 1;
}

/* Dropdown styling focus overrides */
select:focus {
    box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.12);
}
input:focus {
    box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.12);
}