:root {
    --fc-border-color: var(--mud-palette-table-lines);
    --fc-button-bg-color: var(--mud-palette-action-default-hover);
    --fc-button-hover-bg-color: var(--mud-palette-action-disabled-background);
    --fc-button-active-bg-color: var(--mud-palette-primary);
    --fc-page-bg-color: var(--mud-palette-surface);
}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
    color: var(--mud-palette-primary-text);
}

.fc .fc-button {
    box-shadow: 0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12);
    border: none;
    padding: 6px 16px;
    font-family: var(--mud-typography-button-family);
    font-size: var(--mud-typography-button-size);
    font-weight: var(--mud-typography-button-weight);
    line-height: var(--mud-typography-button-lineheight);
    letter-spacing: var(--mud-typography-button-letterspacing);
    text-transform: var(--mud-typography-button-text-transform);
    transition: background-color 0.2s ease;
    color: var(--mud-palette-text-primary);
}

.fc .fc-button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.fc .fc-button:hover {
    color: var(--mud-palette-text-primary);
}