html, body {
    margin: 0;
    padding: 0;
    background-color: #0D1117;
    color: #C9D1D9;
    font-family: 'Inter', sans-serif;
}

.mud-nav-link {
    color: #8B949E !important;
}

.mud-nav-link.active {
    color: #7C4DFF !important;
    background-color: rgba(124, 77, 255, 0.1) !important;
}

.mud-drawer {
    border-right: 1px solid #21262D !important;
}

.mud-appbar {
    border-bottom: 1px solid #21262D !important;
}

.main-content {
    min-height: calc(100vh - 64px);
    /* pa-6 sets padding: 24px !important on all sides, overriding MudMainContent's
       auto-applied padding-top: var(--mud-appbar-height). Restore the correct top
       offset so page headers are never obscured by the fixed AppBar. */
    padding-top: calc(var(--mud-appbar-height, 64px) + 24px) !important;
}

.mud-input-root {
    color: #C9D1D9 !important;
}

.mud-input-label {
    color: #8B949E !important;
}

.mud-table-row:hover {
    background-color: rgba(124, 77, 255, 0.05) !important;
}

pre {
    scrollbar-width: thin;
    scrollbar-color: #30363D #0D1117;
}

pre::-webkit-scrollbar {
    width: 8px;
}

pre::-webkit-scrollbar-track {
    background: #0D1117;
}

pre::-webkit-scrollbar-thumb {
    background: #30363D;
    border-radius: 4px;
}